Skillora - Full-Stack LMS Platform
A complete Learning Management System (LMS) built with React (Vite), Node.js, and MongoDB, featuring robust course management, PayPal integration, and distinct layouts for teachers and students.
projectOverview
Skillora is a full-stack Learning Management System I developed to provide a seamless platform for online education. The project's core objective was to create a dual-interface system that caters to the distinct needs of both educators and learners.
The application is built using a modern MERN stack, with Vite powering the React front-end for an exceptionally fast development and user experience. The platform allows teachers to independently manage their digital classrooms, while students can browse, purchase, and consume educational content in a clean, organized environment.
I focused on creating a robust and scalable architecture, from media handling with Cloudinary to secure payments with the PayPal API, ensuring the platform is ready for real-world use.
MyRole
As the sole full-stack developer, I was responsible for the entire project from concept to deployment. My role involved architecting both the server-side logic and the client-side user interface.
On the back end, I built a secure RESTful API with Node.js and Express.js. I designed the MongoDB schemas with Mongoose for users, courses, and lectures, and implemented role-based authentication using JWT. A significant part of this work involved integrating the PayPal REST SDK for payment processing and setting up Cloudinary with Multer for efficient video and file uploads.
For the front end, I used Vite and React to build a fast, single-page application. I implemented separate, feature-rich dashboards for teachers and students using React Router for navigation. The UI was crafted with TailwindCSS and headless components from Radix UI, creating a modern and accessible user experience.
techStack
React (Vite)
A modern front-end library with a high-performance build tool.
React Router
Client-side routing library for navigating between application views.
Tailwind CSS
Utility-first CSS framework for creating custom, responsive designs.
Radix UI
Low-level, unstyled UI primitives for building accessible design systems.
Node.js & Express.js
Backend environment and framework for building the REST API.
MongoDB & Mongoose
NoSQL database and ODM for flexible data modeling and management.
JWT & BcryptJS
Technologies used for secure user authentication and password hashing.
PayPal REST SDK
Server-side SDK for processing secure financial transactions.
Cloudinary & Multer
Services for handling file uploads and cloud-based media management.
keyFeatures
Teacher Course Management
A complete CRUD interface for teachers to create, upload videos to, edit, and delete their courses.
Student Enrollment System
Students can browse courses and securely enroll using the integrated PayPal payment gateway.
Role-Based Dashboards
Separate, tailored layouts and functionalities for authenticated teachers and students.
Cloud Media Hosting
Utilizes Cloudinary for hosting and streaming video lectures, ensuring high availability and performance.
Modern, Accessible UI
Built with TailwindCSS and Radix UI to create a clean, responsive, and highly usable interface.
gallery