Case Study

SkillForge AI

Full-Stack AI Learning Management System

An AI-powered learning management system with course discovery, learning flows, instructor and admin dashboards, AI-assisted content generation, certificates, notifications and real-time messaging.

8 weeksFull Stack DeveloperIndependent / Client project

Project Overview

SkillForge AI is a complete learning management platform built to help instructors create courses and learners track progress with AI assistance. The platform supports role-based access for students, instructors and administrators, with Stripe-ready payments, OAuth login and email notifications.

An AI-powered learning management system with course discovery, learning flows, instructor and admin dashboards, AI-assisted content generation, certificates, notifications and real-time messaging.

Client

Independent / Client project

Role

Full Stack Developer

Duration

8 weeks

Status

Live & Running

Development Process

How This Project
Was Built

A detailed walkthrough of each phase from concept to launch.

01

Discovery & requirements

Defined user roles (student, instructor, admin) and mapped core learning flows from enrollment to certificates.

  • •Identified must-have features: course catalog, learning paths, quizzes, certificates.
  • •Mapped role-based permissions: students enroll & learn, instructors create & grade, admins manage users.
  • •Chose Next.js + Supabase + PostgreSQL for type-safe full-stack development.
02

Database design & auth

Designed the relational schema and implemented JWT + Google/GitHub OAuth authentication.

  • •Modeled users, courses, modules, lessons, enrollments, progress, certificates and messages in Prisma.
  • •Added row-level security policies in Supabase to protect user data.
  • •Added OAuth providers and JWT session handling for secure login.
03

Frontend & course builder

Built responsive course discovery pages and the instructor course creation flow.

  • •React + Tailwind UI for course catalog, search and filtering.
  • •Module/lesson builder for instructors to create course content.
  • •AI-assisted content generation via OpenAI to draft lesson outlines.
04

Progress & certificates

Implemented lesson completion tracking, progress bars and auto-generated certificates.

  • •Real-time progress tracking as learners complete lessons and quizzes.
  • •PDF certificate generation on course completion.
  • •Notification system for new course releases and reminders.
05

Testing & deployment

Validated auth flows, payments and responsive behavior before shipping.

  • •Tested OAuth, protected routes and Stripe webhook handling in staging.
  • •Verified mobile responsiveness and accessibility of the course player.
  • •Deployed to Vercel with a Supabase production database.
Challenges & Solutions

Overcoming
The Hard Parts

Key challenges faced and how they were resolved.

⚠

Challenge 1

Keeping lesson progress in sync across client and server without over-fetching.

⚠

Challenge 2

Securing instructor-only course-editing endpoints with role-based middleware.

Technical Details

Tech Stack
& Architecture

Technologies and tools used to build this project.

📦Next.js
📦React
📦TypeScript
📦Tailwind CSS
📦Supabase
📦PostgreSQL
📦Prisma ORM
📦OpenAI API
📦Stripe
📦OAuth
📦Vercel
Key Results

What Was
Achieved

Major outcomes and deliverables from this project.

01

Role-based access (student / instructor / admin)

Successfully implemented and deployed.

02

AI-assisted course content generation

Successfully implemented and deployed.

03

Lesson progress tracking & certificates

Successfully implemented and deployed.

04

Real-time messaging & notifications

Successfully implemented and deployed.

05

Google/GitHub OAuth + JWT auth

Successfully implemented and deployed.

Like What You See?

Let's work together on your next project.