A full-stack authentication project built with:
- Frontend: React (React Router, Fetch, functional components)
- Backend: Node.js + Express
- Database: MongoDB Atlas (Mongoose)
- Authentication: JWT (JSON Web Tokens)
- Routing: Protected routes
β User Signup
β User Login
β JWT Authentication
β Protected Dashboard route
β LocalStorage token handling
β Clean architecture
β Polished UI with CSS + spinners + reusable components
authvault/ βββ auth-frontend/ # React app βββ config/ # Backend config βββ models/ # Mongoose schemas βββ routes/ # API endpoints βββ middleware/ # Auth middleware βββ .gitignore βββ README.md
- Signup β Creates user in MongoDB
- Login β Returns JWT token
- Frontend saves token to
localStorage - Protected Routes block access without valid token
- Dashboard shows secure content
cd authvault
npm install
npm start
To make it *pop*, add screenshots of:
π‘ Login page
π’ Signup page
π Protected dashboard
## π Project Structure