https://github.com/maxisam/math-whac-a-mole
math games
https://github.com/maxisam/math-whac-a-mole
Last synced: 4 months ago
JSON representation
math games
- Host: GitHub
- URL: https://github.com/maxisam/math-whac-a-mole
- Owner: maxisam
- Created: 2026-01-20T03:04:53.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-01-20T04:23:58.000Z (7 months ago)
- Last Synced: 2026-01-20T09:55:42.908Z (7 months ago)
- Language: TypeScript
- Size: 136 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: agents.md
Awesome Lists containing this project
README
# 🧮 Math Whac-A-Mole
A fun, interactive educational game built with **Angular v21** and **Signals**. Test your multiplication skills by whacking the mole holding the correct answer!
## 🎮 Features
- **Angular Signals**: Fully reactive state management using Angular's latest reactivity model.
- **Tailwind CSS**: Beautiful, responsive, and animated UI.
- **Gameplay**:
- Solve multiplication problems (e.g., `5 x 3 = ?`).
- Whack the mole with the correct number.
- Earn points for correct hits, lose points for mistakes.
- Race against the 60-second timer!
- **High Score**: Tracks your best performance locally.
## 🛠 Tech Stack
- **Framework**: [Angular](https://angular.dev/) (v21)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **State Management**: Signal-based Store Service
- **Build**: Vite / Angular CLI
## 🚀 Run Locally
**Prerequisites:** Node.js (v18+)
1. **Install dependencies:**
```bash
yarn
```
2. **Start the development server:**
```bash
npm run dev
# or
ng serve
```
3. **Play:**
Open your browser and navigate to `http://localhost:4200/`.
## 🤖 For AI Agents & Contributors
Please refer to [agents.md](./agents.md) for coding standards, architectural guidelines, and best practices before making changes.
---
Built with ❤️ using Angular