Web Development🔨 Personal Project
Duolingo-Style Interactive Learning Platform
AI-powered interactive learning platform where admins create course materials and ChatGPT automatically generates quiz questions with instant feedback, 3-star rating system, and Duolingo-inspired gamification using React and TypeScript.
Project Overview
🎯
Objective
Create interactive learning platform with AI-powered question generation where course structure automatically produces quizzes using ChatGPT API
💼
My Role
Full-stack developer - implemented React frontend, Express backend, OpenAI integration, and gamification features
⏱️
Timeline
6 weeks (Phases 1-5 complete)
🛠️
Tech Stack
React, TypeScript, Node.js
📈
Key Results
- ✓Complete backend: REST API for course management (Section → Unit → Stage hierarchy), AI question generation via GPT-4o-mini, JWT authentication
- ✓Student interface: Interactive learning path with linear progression, instant feedback, 3-star rating, XP system
- ✓Admin features: Course structure management, AI-powered question generation from kisi-kisi input, question CRUD operations
- ✓Tech highlights: React 18 + TypeScript + Vite, Zustand state management, Framer Motion animations, Duolingo-inspired UI/UX
Impact
47% overall completion
Value
AI-powered question generation
📸
Visual Documentation
Screenshot 1
Screenshot 2
Screenshot 3
Tools & Technologies
ReactTypeScriptNode.jsExpressPostgreSQLPrismaOpenAI APIFramer Motion