Skillbridge — Online Learning Platform (MERN)
An e-learning platform with course purchases, gated access, and OAuth login built on the MERN stack.
- Next.js
- Tailwind CSS
- Node.js
- Express.js
- MongoDB
- OAuth
A MERN-stack online learning platform where users can browse courses, purchase access, and watch content through a protected experience. Implemented OAuth-based authentication and a permission model to reliably gate course content based on purchase status and user roles, with a focus on secure APIs and scalable data modeling.
Key Features
Tech Stack
Next.js
Full-stack React framework with SSR, PPR, and Server Actions
Tailwind CSS
Utility-first styling for modern, responsive UIs
Node.js
JavaScript runtime for building scalable server-side apps
Express.js
Minimal web framework with routing and middleware patterns
MongoDB
Document database with flexible schemas and aggregation
OAuth
Authorization framework for delegated access via identity providers
Challenges & Learnings
OAuth & Frictionless Onboarding
Integrating Auth.js with GitHub and Google OAuth required deep-diving into session callbacks and JWT management. I learned to secure edge cases like token expiry while providing a one-click login experience for students.
Relational Modeling in NoSQL
Managing course entitlements and user progress in MongoDB required designing a flexible yet relational-style schema. I used document referencing and optimized indexing to handle complex many-to-many relationships between users and educational modules.
Outcome
Skillbridge was launched as a scalable educational platform, effectively demonstrating my skills in secure authentication and complex data modeling. The project stands as a clear success in creating a frictionless user experience, proving my ability to manage the intricate business logic required for modern e-learning ecosystems.