Inspiration

As self-taught coders, we often wished for a friendly guide, someone to nudge us in the right direction without overwhelming us. That’s where WhatTheCode began. I wanted to create an AI-powered coding tutor that helps beginners learn easily and in a fun, gamified way.

What it does

WhatTheCode.xyz is a playful and powerful AI coding tutor. Powered by our assistant Cody, it helps users:

  • Learn coding concepts through interactive modules
  • Get real-time hints when stuck
  • Submit mini challenges and receive feedback
  • Stay motivated with progress tracking and challenge streaks

It’s like having a coding buddy who never sleeps (and doesn’t judge your typos).

How I built it

I built WhatTheCode using Bolt. And Bolt used React and Tailwind CSS to develop it. I have also used Gemini Flash 1.5 API to power our AI coding friend, Cody.

Challenges I ran into

  • Building a working MVP within the hackathon timeline. I started late, exactly 5 days ago, plus this was my first hackathon.
  • I was using AI in a project for the first time

Accomplishments that I'm proud of

  • Created a fully functional AI tutor that can answer questions and check code submissions
  • Designed a friendly onboarding experience
  • Developed a clean, modular frontend with protected routes and auth

What I earned

  • How to code a project without actually coding it. Thanks Bolt :)
  • How to use the Gemini API in the project (this was my first time).
  • Handling Supabase auth and database operations within React
  • That building a learning tool is just as much about emotion as it is about code

What's next for WhatTheCode

  • Add support for more languages (JS, React, Next, Tailwind)
  • Expand Cody's capabilities: debugging help, code completion, etc.
  • Launch weekly coding challenges with rewards
  • Build a full course library with tracked progress and certification

I'm just getting started, and Cody is hungry for more bugs to squash and minds to blow.

Built With

Share this project:

Updates