Skip to main content

SkillNest — Full-Stack Learning Management System

I built SkillNest as a full-stack educational platform featuring role-based dashboards for students and instructors, focusing on scalable API design and secure database modeling.

Visit website
  • Full-Stack Development
  • React & Node.js
  • MongoDB Database Design
  • REST API Architecture
SkillNest LMS landing page with hero section showing Master Skills Through Courses, Quizzes and Projects headline.

The problem

Existing learning platforms were either too complex for small institutions or lacked the flexibility needed for custom course structures. Instructors needed a platform where they could create and manage courses, track student progress, and handle enrollments — all from a single, intuitive dashboard. Students needed a seamless experience to browse, enroll, and complete coursework.

SkillNest course catalog page showing available courses with category filters in dark theme

Role-based architecture

SkillNest is built around a dual-role system: Instructors can create courses, upload content, and monitor student performance. Students can browse available courses, enroll, track their own progress, and submit assignments. Both interfaces share a unified React component library styled for clarity and ease of use.

SkillNest course detail page showing React JS Masterclass with course content, enrollment card and module list.

API & database design

The backend is powered by a Node.js/Express REST API with JWT-based authentication and role-based access control. MongoDB schemas were carefully modeled to handle complex relationships between users, courses, modules, and enrollment records — ensuring both performance and data integrity at scale.

SkillNest customers page showing student reviews and ratings with a dark gradient overlay.

Motion design

Animation was a core principle in making the authoring experience a more understandable process. Elements animate in ways that indicate the cause and effect of each interaction to improve the fluidity of the overall experience.

SkillNest login page showing the sign-in form with email and password fields.

Encouraging adaptivity

A major part of solving for collaboration was being able to visualize the learner experience in the editor. This was especially beneficial for subject matter experts and instructors need to review and give feedback on the higher level structure without having to dig through all of the adaptivity scenarios screen by screen.

SkillNest quizzes page showing a grid of domain-specific quiz cards with difficulty levels and question counts.

An extensible plugin ecosystem usable by everyone

The most powerful aspect of the platform is the ability to create custom plugins for any content, whether it be a degree, course, lesson, screen, or interactive component. Out of the box these can be made configurable with minimal effort from developers. Learning designers can then edit everything using a common configuration interface.

Scalable learning infrastructure

The platform was designed to scale horizontally. By decoupling the frontend React app from the Node.js API, each layer can be independently scaled, tested, and deployed — a foundation built for real-world production use.

Instructor dashboard

Instructors get a rich dashboard to create structured courses broken into modules and lessons. They can upload video, PDFs, and written content, then track which students have completed each section in real time.

Student experience

Students browse a catalog of available courses, enroll with one click, and resume progress from where they left off. The interface adapts responsively across devices, ensuring a consistent learning experience from desktop to mobile.

Progress tracking

Completion status, quiz scores, and time-on-platform metrics are all stored and visualized. Instructors can export reports and students receive progress badges — adding a layer of motivation and accountability.

Project outcomes

SkillNest successfully demonstrated a production-ready LMS architecture with clean separation between frontend and backend, secure role-based authentication, and a scalable MongoDB data model. The project served as a capstone showcasing full-stack engineering skills from database schema design through to a polished React UI.