Math Quiz

• 

  math quiz

About the project (solo) I developed Math Quiz as a solo project. The initial idea and design inspiration came from open sources and references, but the entire implementation — coding, structure, and bringing the concept to life — was fully done by me. The main goal of the project is to transform short practice sessions into engaging, repeatable mini-challenges so anyone can improve mental math in just a few minutes a day.

✨ Inspiration

Math practice often feels like a chore: long worksheets, slow feedback, little motivation. I wanted a tiny, satisfying experience that fits into short breaks — something that makes practicing feel like a quick game rather than a task. That idea became Math Quiz.

🚀 What it does

• Generates short, timed quizzes with automatically created questions (addition, subtraction, multiplication, division and quick expressions).
• Tracks score, streaks and simple multipliers so players feel progress within a single run.
• Shows immediate feedback (correct / incorrect) and final summary at the end of each round.
• Stores the local best score so users can try to beat themselves.

⚒️ How I built it

• Tech stack: HTML, CSS, JavaScript (vanilla). No backend required — everything runs in the browser.
• Architecture: Small, single-responsibility functions: question generation, answer checking, timer, scoring and UI renderer. This makes the code easy to test and extend.
• UX focus: Fast input flow (keyboard-first), clear timer visibility, and instant feedback animations to keep the player engaged.

🌟 Challenges I ran into

• Designing a fair automatic question generator (ensuring divisions are whole results, avoiding repeatable patterns).
• Balancing time pressure and difficulty so the game stays fun for both beginners and more experienced users.
• Making UI feedback obvious but not distracting during fast play.

💎 Accomplishments I'm proud of

• A full working prototype built alone with polished game loop: generation → answer → feedback → score.
• Clean, minimal UI that performs well on both desktop and mobile.
• Extendable logic that allows new question types and difficulty tiers to be added quickly.

🎓 What I learned

Working solo enforced a discipline of prioritization: implement the smallest useful feature, test it, then iterate. I improved at writing modular JS, handling timers reliably, and designing instant-feedback UI patterns for learning games.

🧮 What's next for Math Quiz

• Add topic filters (e.g. algebra basics, geometry, logic puzzles).
• Introduce a leaderboard so players can compete.
• Add accessibility improvements and mobile optimizations.
• Explore expanding into a cross-platform app. 🚀

Built With

• css
• html5
• javascript