https://github.com/ertugrulsertaslan/whack-a-mole
Whack A Mole is a fun arcade game that tests players' speed and reflexes. Players try to earn points by hitting the moles that pop up on the screen.
https://github.com/ertugrulsertaslan/whack-a-mole
reactjs tailwindcss vite
Last synced: about 2 months ago
JSON representation
Whack A Mole is a fun arcade game that tests players' speed and reflexes. Players try to earn points by hitting the moles that pop up on the screen.
- Host: GitHub
- URL: https://github.com/ertugrulsertaslan/whack-a-mole
- Owner: ertugrulsertaslan
- Created: 2024-10-12T20:24:08.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-10-17T16:23:44.000Z (8 months ago)
- Last Synced: 2025-02-15T22:29:48.781Z (4 months ago)
- Topics: reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://wack-a-molee10.netlify.app
- Size: 3.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Whack A Mole Game 🎮
Whack A Mole is a fun arcade game that tests players' speed and reflexes. Players try to earn points by hitting the moles that pop up on the screen.
## Demo 🌐
[wack-a-mole-app.netlify.app](https://wack-a-molee10.netlify.app)
### Screenshots 📸
## Features ✨
- 📝 Players can earn points by quickly clicking on the moles that appear on the screen.
- ⏱️ Time-limited game mode encourages fast thinking and reaction skills.
- 🎯 Players earn points for each successful hit; missed hits result in a point loss.
- 🏆 High scores are recorded and displayed at the end of the game.
## Technologies Used 💻
- 💻 [React.js](https://reactjs.org/) - JS library for crafting user interfaces
- 📦 [Vite](https://vitejs.dev/) - Module bundler
- 🎨 [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework
## Installation 🛠️
- Install Node.js ⚙️
- Clone the repo 🔄
📦 After cloning the repo install dependecies with
```sh
npm i && npm run dev
```
You can play the game by navigating to http://localhost:5173 in your browser. 🌐
## Usage 🚀
1. 📝 Players try to hit the moles by clicking the left mouse button as they appear on the screen.
2. ⏳ When time runs out, the total score will be displayed on the screen.
3. 🎮 At the end of the game, players can see and record their highest score.
## License 📄
[MIT](https://choosealicense.com/licenses/mit/)