Back
Year
2025
Tech & Technique
React, TypeScript, Supabase, PostgreSQL, Tailwind CSS
Description
An AI-powered Learning Operating System designed to help candidates become job-ready Cloud and DevOps Engineers. The platform evaluates user responses during learning sessions, tracks knowledge retention decay curves, and automatically maps out personalized study guides, hands-on lab exercises, and mock interviews based on user performance.
Unlike standard e-learning setups, it incorporates an adaptive spaced repetition engine and an interactive progress analytics dashboard to monitor roadmaps, study streaks, and topic mastery.
Unlike standard e-learning setups, it incorporates an adaptive spaced repetition engine and an interactive progress analytics dashboard to monitor roadmaps, study streaks, and topic mastery.
My Role
I built the application frontend using React and TypeScript, integrated Supabase for authentication, user session database schemas, and analytical tracking, and designed the spaced repetition logic and clean dashboards.
System Architecture Flow
React App➔Supabase Auth➔PostgreSQL DB➔AI Engine Routing
User Login ➔ Supabase Auth ➔ React Frontend (Dashboard & Quiz) ➔ PostgreSQL (Progress State) ➔ AI Evaluator
The Challenge
Designing a responsive learning dashboard and spaced repetition priority scheduler that accurately forecasts concept decay curves without complex server logic.
Engineered Solution
Implemented client-side queue logic and structured Supabase SQL rules to query study retention state directly, keeping user streak analytics lightning-fast.