this is a lms project, that i have build while learning full stack development with my mentor. in this project i have build from scratch lots of feature like authentication, user management, course management, lecture management, lecture dashboard & admin dashboard and more...
The project follows a well-organized structure:
LMS-Project/
├── backend/
│ ├── config/
│ │ ├── db.config.js
│ ├── controllers/
│ │ ├── user.controller.js
│ │ ├── course.controller.js
│ │ ├── payment.controller.js
│ │ ├── miscellaneous.controller.js
│ ├── middleware/
│ │ ├── auth.middleware.js
│ │ ├── error.middleware.js
│ │ ├── multer.middleware.js
│ ├── models/
│ │ ├── user.model.js
│ │ ├── course.model.js
│ │ ├── payment.model.js
│ ├── routes/
│ │ ├── user.routes.js
│ │ ├── course.routes.js
│ │ ├── payment.routes.js
│ │ ├── miscellaneous.routes.js
│ ├── uploads/
│ ├── utils/
│ │ ├── error.utils.js
│ │ ├── sendEmail.js
│ ├── server.js
│ ├── app.js
│ ├── .env
│ ├── .env.example.js
│ ├── package.json
│
├── client/
│ ├── src/
│ │ ├── assests/
│ │ ├── components/
│ │ ├── helpers/
│ │ ├── layout/
│ │ ├── pages/
│ │ ├── Redux/
│ │ ├── App.jsx/
│ │ ├── index.css/
│ │ ├── main.jsx/
│ │ ├── ...
│ ├── .env
│ ├── .env.example.js
│ ├── .gitignore
│ ├── index.html
│ ├── package.json
│ ├── README.md
│ ├── ...
└──
Click the image above to watch the demo video.
- 💡 User Authentication: Sign up, log in, change password, and reset password via email.
- 🙋 User Profile: Edit profile details, view profile information.
- 📚 Course Management: Admin can create, edit, and delete courses.
- 📝 Lecture Management: Admin can add, edit, and delete lectures within courses.
- 🔒 Subscription: Users can enroll in courses by purchasing a 1-year subscription.
- 🎥 Lecture Dashboard: Display course lectures, play videos, and view lecture descriptions.
POST /register: Register a new user.POST /login: Log in a user.GET /logout: Log out a user.GET /me: Getting user profile info.POST /reset: Sending email on user for reset password.POST /reset/:resetToken: User resetting the password.POST /change-password: User can change password using old and new password.POST /update/:id: User can update their profile.
GET /courses: Get all courses.POST /courses: Create a new course (Admin only).GET /courses/:id: Get lectures for a specific course.PUT /courses/:id: Update course details (Admin only).DELETE /courses/:id: Delete a course (Admin only).
GET /razorpay-key: Get Razorpay API key.POST /subscribe: Buy a subscription.POST /verify: Verify a subscription.POST /unsubscribe: Cancel a subscription.- ...
POST /contact: Contact us.GET /admin/stats/users: Get user statistics (Admin only).
- Node.js
- Express
- MongoDB
- Cors
- bcrypt
- Crypto
- Jsonwebtoken
- Dotenv
- Cookie-Parser
- Multer
- Cloudinary
- Nodemailer
- Razorpay
- React :
for creating ui - Tailwind & CSS :
for styling the element - DaisyUi :
for creating beautiful drawer - React-Icons :
for icons - React-Router :
for make the different pages - React-Slick :
for create slider - React-hot-toast :
for showing small small toast - React-Redux :
for use redux with react - Redux Toolkit :
for managing state in global app - Chart.js :
for showing chart for admin - React-Chartjs-2 : for showing chart for admin`
Follow these steps to set up the project on your local machine:
-
Clone the repository:
git clone https://github.com/gulshan07dev/lms-mern-project.git cd LMS -
Set up the backend:
- Navigate to the
backendfolder. - Install dependencies:
npm install - Set up environment variables: Create a
.envfile based on.env.example.jsfile. - Start the backend server:
npm start
- Navigate to the
-
Set up the frontend:
- Navigate to the client folder:
cd client - Install dependencies:
npm install - Set up environment variables: Create a
.envfile based on.env.example.jsfile. - Start the client development server:
npm run dev
- Navigate to the client folder:
-
Access the application:
- Open your browser and visit:
http://localhost:5173
- Open your browser and visit:
Made with ❤️ by Gulshan Kumar