https://github.com/jdcodework/emoji-game
A React implementation of a concentration game
https://github.com/jdcodework/emoji-game
typescript-react zustandjs
Last synced: 9 months ago
JSON representation
A React implementation of a concentration game
- Host: GitHub
- URL: https://github.com/jdcodework/emoji-game
- Owner: JDCodeWork
- Created: 2025-02-07T00:19:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T23:53:29.000Z (over 1 year ago)
- Last Synced: 2025-06-20T23:04:42.287Z (11 months ago)
- Topics: typescript-react, zustandjs
- Language: TypeScript
- Homepage:
- Size: 7.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Emoji Game
A React implementation of a concentration game based on the one proposed by the content creator [Joy of Code](https://youtu.be/w2q9caYXgkg?si=XmXt3IsLfibNX8GO)
## Features
- **Interactive Gameplay**: Flip the cards to find matching pairs of emojis.
- **Timer**: A countdown timer that adds urgency to the game.
- **Sound Effects**: Enjoy sound effects for different game actions.
- **Responsive Design**: Optimized for both desktop and mobile devices.
- **Game States**: Different views for playing, paused, won, and lost states.
- **Animations**: Smooth animations for card flips and other interactions.
## Demo
Note that the game has sounds, if you want to see the full functionality you can run it locally
## Technologies Used
- **React with TypeScript**: For building the user interface with type safety.
- **Vite**: For fast and optimized development.
- **TailwindCSS**: For styling the components.
- **Zustand**: For state management.
## Run Locally
Clone the project
```bash
git clone https://github.com/JDCodeWork/emoji-game.git
```
Go to the project directory
```bash
cd emoji-game
```
Install dependencies
```bash
npm install
```
Start the development server
```bash
npm run dev
```