A full-stack authentication and user management system built with the MERN stack featuring secure JWT workflows, protected routing, role-based access control, and scalable backend architecture.
Designed to explore real-world authentication systems, session handling, API security, and structured frontend-backend integration.
- JWT-based authentication and authorization
- Secure login and registration workflows
- Protected frontend and backend routes
- User session and token management
- Admin dashboard with user management controls
- CRUD operations for user administration
- Role-based access workflows
- RESTful API integration between frontend and backend
| Layer | Technology |
|---|---|
| Frontend | React |
| Backend | Node.js, Express.js |
| Database | MongoDB |
| Authentication | JWT |
| Styling | CSS / TailwindCSS |
frontend/
├── src/
│ ├── components/
│ ├── pages/
│ ├── routes/
│ └── services/
backend/
├── controllers/
├── routes/
├── middleware/
├── models/
├── utils/
└── config/- Token-based authentication using JWT
- Protected route handling for frontend and backend
- Modular backend architecture with middleware separation
- User management workflows with CRUD operations
- API communication between React frontend and Express backend
- Structured separation of authentication and business logic
- Refresh token implementation
- Redis session storage
- OAuth authentication (Google/GitHub)
- Dockerized deployment
- Automated API testing
- Role-based permission system expansion
This project was developed to explore scalable authentication workflows, secure API handling, and production-oriented full-stack application architecture using the MERN stack.