← Back to Home
AI Learning Platform
Built a full-stack educational platform that combines structured AI learning challenges with an interactive AI playground, enabling users to learn artificial intelligence through gamified courses and hands-on experimentation with multiple AI models.
Key Features:
- Multi-day Interactive Learning Challenges — 3 structured courses (AI fundamentals, freelancing with AI, kids AI education) with progress tracking, quizzes, practice sessions, and completion certificates.
- Multi-provider AI Playground — chat interface supporting OpenAI GPT-4o, Google Gemini, Anthropic Claude, and xAI Grok through a model factory abstraction pattern.
- Custom AI Agent System — create and manage personalized AI agents with role-specific behavior (marketing expert, copywriter, etc.), custom system prompts, and persistent conversation history.
- AI Image Generation — prompt-based image creation with DALL-E 3 and Google Imagen plus Firebase Storage integration.
- AI Text-to-Speech — audio response generation via OpenAI TTS and Google Gemini with multiple voice options.
- Multi-method Authentication — email/password and Google OAuth login with protected routes and session persistence.
- Real-time Progress Tracking — Firebase-powered learning progress sync with resume-from-where-you-left-off functionality.
- 5 Interactive Step Types — intro slides, rich content (images/video), multiple-choice quizzes, AI-powered practice sessions, and achievement screens.
- 13 Serverless API Routes — Next.js API handlers for chat, image generation, file uploads, text-to-speech, and proxy requests.
- Error Monitoring — Sentry integration for production-grade issue tracking.
Integrations:
- OpenAI, Google Gemini, Anthropic Claude, xAI Grok, Firebase, Sentry, YouTube (embedded course videos).
Next.jsReactTypeScriptFirebase (Auth, Firestore, Storage)Tailwind CSSZustandRadix UIZod