← 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