Skip to content

mo-johnny/math-arcade

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Math Arcade

A playful web app that turns math fact practice into fast games designed to address the boredom and disengagement many learners feel with traditional math games.


The Problem

Math fluency of core math facts often comes from repetition, but repetitive practice is one of the biggest pain points: it feels dull, looks generic, and doesn’t give learners a reason to come back. Math Arcade tackles that by making practice about playing games. Each activity is a real game with clear goals, immediate feedback, and incentives to play again.


What’s Inside

  • Memory Match — Flip cards to match math facts with their answers. Beat the clock and try to top your best time.
  • Math War — A digital take on the classic card game: see two facts, pick the larger answer. Quick rounds with instant correction when you’re wrong.
  • Fact Bingo — Solve problems to mark squares and get BINGO. Play solo for a personal best or with others on separate devices and see who finishes first.

All games share the same operation and number range settings so you can switch between them without reconfiguring.


Design Decisions

Visual design
The UI is intentionally bright and colorful to stand out from typical “serious” math apps. The retro, early-arcade look with pixel-style type and neon accents evokes 80s arcades and leans into the kind of pixel-aesthetic games many young players already love (e.g. Minecraft, Roblox). The goal is for the experience to feel familiar and inviting rather than like another worksheet.

Memory Match
Adding a timer and persisting the player’s best time gives a concrete, motivating goal on top of the classic match mechanic. “Beat your time” becomes the reason to return, turning a one-off round into something players want to replay again and again.

Math War
The design is a direct digital translation of the card game War: simple rules and fast pacing. The learner sees two math facts, picks the larger answer, and keeps moving. When they’re wrong, the correct answer is shown as a brief flashcard so the right fact is reinforced in the moment.

Fact Bingo
The goal was to make BINGO into a game that works well alone or with others. The twist: you’re not only marking squares, you’re trying to get BINGO as fast as you can by solving problems quickly. That shifts the experience from mostly luck to a mix of luck and skill. Solo players can chase a personal best time; multiplayer can run on multiple devices and compete to see who gets BINGO first.


Next Steps

UI — Improve legibility of key text and refine layout so the experience holds up across screen sizes and devices (phones, tablets, desktops, different aspect ratios).

Metrics & dashboard — Introduce a dashboard to support product decisions with data:

  • Click-through: Which games users choose first, and which is chosen the most.
  • Completion: Total completed rounds per game.
  • Abandonment: Share of rounds started but not finished.
  • Accuracy: Problem success rate (correct vs. incorrect attempts).
  • Time: Average session length per game.

Playtesting — Run tests with more users to generate enough metric data to prioritize what will have the biggest impact. In-person sessions in particular would capture engagement and behavior that analytics alone can’t show.


Development

This project was developed with the help of modern AI-assisted coding tools for faster iteration and to explore how AI can support product thinking—from game design and copy to implementation and structure.

About

Tested using various AI tools to create fun games to solve a common pain point for students ages 6-10: learning math facts.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors