The Story Behind This Project

My nephew told me he wanted to study math better for his 2nd grade class, and I knew he loved playing video games. I saw the perfect opportunity to get him into coding and show him how to build a website using Cursor and vibe coding tools.

With my help, he built his first ever website, and he is only 7 years old. The best part? He actually uses this website to help him study math now.

I hope other students his age can see the power of technology and use their unique imaginations to build cool things that help them and others around them. This project is fully open source. I would appreciate a star if you find it cool.

Features

• 6 Math Topics: Addition, Subtraction, Place Value, Shapes, Counting, and Multiplication
• 3 Difficulty Levels: Easy, Medium, and Hard for each topic
• 540+ Questions: 10 questions per set, 3 sets per difficulty, across all topics
• Instant Feedback: See if you got it right immediately with explanations
• Streak Tracking: Keep track of consecutive correct answers
• Confetti Celebrations: Perfect scores trigger a confetti celebration
• Mobile Friendly: Works great on phones and tablets

Tech Stack

• React 18 with TypeScript
• Vite (fast build tool)
• Tailwind CSS (utility-first styling)
• shadcn/ui (accessible UI components)
• React Router (client-side routing)
• Canvas Confetti (celebration animations)