Learn by building real projects
Each challenge teaches you the concepts first, then AI builds it while you watch. After it's built, prove you understand. This is how you become a real developer.
Learn the concepts
Complete required lessons first. Understand the principles before building.
Build with AI
Start the challenge — AI builds while contextual learning explains what's happening.
Get certified
Take the quiz about what was built. Pass to earn credits and the Certified Builder title.
Why not just prompt and go?
AI-generated code can have security holes, performance bugs, and issues that look correct but aren't. Understanding the principles means you can review, catch problems, and ship with confidence. Vibe coding without understanding is like driving without knowing the road rules.
Your First Landing Page
Build a professional startup landing page and learn how HTML, CSS, and responsive design work together to create a compelling first impression.
🎯 Learning Objective
Understand page structure, styling fundamentals, and responsive layouts
🔒 Complete these topics first:
Analytics Dashboard
Build a data-rich SaaS dashboard with charts, KPI cards, and a data table. Learn how React components compose together to create complex UIs.
🎯 Learning Objective
Master React components, props, and composing small pieces into big UIs
🔒 Complete these topics first:
Habit Tracker
Build a habit tracking app with streaks, completion animations, and local storage persistence. Learn state management and side effects.
🎯 Learning Objective
Understand useState, useEffect, localStorage, and how apps persist data
🔒 Complete these topics first:
Online Store
Build a product catalog with cart functionality, filters, and a checkout flow. Learn about lists, conditional rendering, and complex state.
🎯 Learning Objective
Master list rendering, filtering, and managing shopping cart state
🔒 Complete these topics first:
AI Chat Interface
Build a ChatGPT-style interface with streaming responses, markdown rendering, and conversation management. Learn about APIs and async data.
🎯 Learning Objective
Understand API calls, async/await, streaming, and the fundamentals of AI integration
🔒 Complete these topics first:
Personal Portfolio
Build a portfolio site with your social profiles imported. Learn about personal branding, content structure, and how to present yourself online.
🎯 Learning Objective
Understand web presence, SEO basics, and responsive personal branding
🔒 Complete these topics first:
Homework Tracker
Build a homework tracker that manages assignments, due dates, and grades by subject. Learn about state management and data persistence.
🎯 Learning Objective
Master component state, localStorage persistence, and organizing data by categories
🔒 Complete these topics first:
Gaming Stats Dashboard
Build a personal gaming stats tracker with match history, win rates, and achievement badges. Learn about data visualization and computed values.
🎯 Learning Objective
Learn data aggregation, chart rendering, and achievement/gamification systems
🔒 Complete these topics first:
Virtual Piggy Bank
Build a savings tracker with goals, transactions, and spending categories. Learn about forms, calculations, and progress visualization.
🎯 Learning Objective
Understand form handling, financial calculations, and visual progress tracking
🔒 Complete these topics first:
PC Build Planner
Build a PC configurator with compatibility checking and price comparison. Learn about complex data relationships and validation.
🎯 Learning Objective
Master complex state management, data relationships, and validation logic
🔒 Complete these topics first: