A full-featured web application where users can browse available courses, enroll in them, and manage their enrolled courses — built with React, Firebase Auth, Node.js, and MongoDB.
🔗 [Live Link]> https://coursehub-7fd47.web.app/
This project was created to practice and demonstrate real-world full-stack development skills, including:
- JWT-based authentication
- Firebase integration
- Protected/private routes
- Secure CRUD operations
- MongoDB aggregation & queries
- Role-based UI and behavior
- Deployment best practices
- 🔐 Authentication:
- Email/Password login + Google/GitHub social login
- JWT implementation for protected routes
- 📚 Course Management:
- Add, update, and delete your courses
- View all enrolled courses
- Enroll with a seat limitation
- 🧠 Smart Logic:
- Prevent multiple enrollments
- Maximum 3 active courses per user
- 🎨 UI/UX:
- Responsive on all devices
- Modern, clean design with Tailwind & framer-motion
- Custom 404 page, dynamic titles, toast notifications
- 🧾 Bonus:
- Slick slider on homepage
- Loading spinners and modals
- Environment variable protection for Firebase and MongoDB
- React.js
- TailwindCSS
- Framer Motion
- React-Slick
- Firebase Authentication
- Axios
- JWT Decode
- Node.js
- Express.js
- MongoDB
- CORS
- Dotenv
- jsonwebtoken
- Cookie-parser
/client
├── /src
│ ├── /pages
│ ├── /components
│ ├── /contexts
│ └── /routes
More and More
