← Back to work

AI Learning Platform

Next.jsReactTypeScriptFirebase (Auth, Firestore, Storage)Tailwind CSSZustandRadix UIZod

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).