Introducing my application SkillAcademy a Learning Management System (LMS) project – a complete solution built from scratch. Features include easy authentication, user and course management, lecture management, admin dashboard, and a secure payment gateway.
- Database connection and security upgrade → CHANGELOG.md
- Solved all deployment and crash-related issues
- Removed outdated Google Authentication due to unstable behavior and security concerns (e.g., password visibility bug)
- Added proper Light/Dark mode toggle for better user experience
- Refined overall UI design for a cleaner, more responsive layout
📽️ Note: The project presentation video shows an older version. Most of the core functionality remains the same, but some components may differ slightly due to recent clean-up and improvements.
- Standard authentication
- Authentication with Google (Continue with Google)
- and Forgot Password Reset Password via email
- The user has a personal profile section where they can view, edit, and manage their details
- Only the admin can create, update, and delete courses, while only enrolled users can consume the courses.
- Only the admin can add lectures to a course, update lectures, and delete lectures. Enrolled users are only permitted to consume the content.
- Access detailed information about user activity, course performance, and financial transactions on one dashboard
- Integration with a secure payment gateway for course enrollment
- React :- for building the website.
- Tailwind-CSS & DaisyUi :- for Styling the website look good.
- React-Router :- for navigating between different pages on the website.
- Redux-toolkit :- for manage website's data and state
- React-icons :- for adds icons to the website for visual appeal.
- React-hot-toast :- for shows pop-up messages on the website.
- React-chartjs-2 & Chart.js :- for integrate charts on the admin dashboard, providing a visual representation of data.
- Node.js & Express.js :- for the core of the backend development.
- MongoDB & Mongoose :- database management for storing user data.
- JWT & Bcrypt :- for Ensuring secure user authentication.
- Multer & Cloudinary: for Handling file uploads and storage.
- nodeMailer :- for send emails.
- Cookie-parser , cors , crypto and Many More.
Configure your application using the following environment variables:
VITE_BASE_URL = set your backend Server url
- FRONTEND_URL = set your frontend url.
- PORT = port number.
- MONGO_URI = MongoDB connection URI.
- JWT_SECRET = Set to a secure string for generating json web tokens.
- JWT_EXPIRY = token expiry.
- CONTACT_US_EMAIL = set your cantact email.
- CLOUDINARY_CLOUD_NAME = Set to your Cloudinary cloud name.
- CLOUDINARY_API_KEY = Set to your Cloudinary API key.
- CLOUDINARY_API_SECRET = Set to your Cloudinary API secret.
- SMTP_SERVICE_NAME = set your SMTP service name.
- SMTP_HOST = set your SMTP host name.
- SMTP_PORT = set your SMTP port number.
- SMTP_USERNAME = set your SMTP username.
- SMTP_PASSWORD = set your SMTP Password.
- SMTP_FROM_EMAIL = set your SMTP FROM email address.
In this project i used Razorpay payment Gateway
- RAZORPAY_KEY_ID = set your payment gateway key.
- RAZORPAY_SECRET = payment gateway seceret.
- RAZORPAY_PLAN_ID = payment gateway plan id.
- Clone the repository
- change directory to LMS server folder
- Install dependencies using npm install
- Set up environment variables .env
- Run the application using npm run start
- change directory to frontend LMS folder
- Install dependencies using npm install
- Set up environment variables .env
- Run the application using npm run dev
- Access the application through the provided URL
- Use the provided authentication methods to log in
- Explore available courses and enroll, All the courses accessable by purchasing subscription and the subscription valid for one year.
- Instructors can create and manage courses, mange lectures and all action perform via the admin dashboard.
Curious how this project evolved and what I learned while fixing it?
Read the full reflection → PROJECT-REFLECTION.md
Made by 😎❤️ Vikasvarma369 (Vikas Singh Varma)