https://github.com/wizardgeeky/brain-flip
The brain flip is a funny game
https://github.com/wizardgeeky/brain-flip
game-development mind nextjs state-management tailwindcss typescript
Last synced: 3 months ago
JSON representation
The brain flip is a funny game
- Host: GitHub
- URL: https://github.com/wizardgeeky/brain-flip
- Owner: WizardGeeky
- Created: 2025-02-18T10:53:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-20T12:58:27.000Z (12 months ago)
- Last Synced: 2025-06-20T13:51:32.948Z (12 months ago)
- Topics: game-development, mind, nextjs, state-management, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://brain-flip-psi.vercel.app
- Size: 43.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🧠 Brain Flip - A Fun Memory Game
Brain Flip is an interactive memory-based game built with Next.js & TypeScript. The game features a 4x4 grid where players must match pairs of hidden emojis. If a pair is selected incorrectly, the images swap positions randomly, making the game more challenging.
## 🚀 Features
- ✅ 4x4 Grid Memory Game - Match pairs of hidden emojis.
- ✅ Randomized Grid - The board shuffles at the start.
- ✅ Matching Logic - Matched pairs stay visible.
- ✅ Incorrect Match Penalty - Wrong selections swap positions randomly.
- ✅ Progress Bar - Shows completion percentage with violet color.
- ✅ "You Win" Message - Appears when all pairs are matched.
- ✅ Reset Button - Allows players to restart the game anytime.
- ✅ Responsive Design - Works seamlessly on all screen sizes.
## 🛠 Technologies Used
- Next.js (React framework)
- TypeScript (For type safety)
- Tailwind CSS (For styling)
## How to Download & Run the Project
- 1️⃣ Clone the Repository
bash
Copy
Edit
git clone https://github.com/WizardGeeky/brain-flip.git
cd brain-flip
- 2️⃣ Install Dependencies
bash
Copy
Edit
npm install
- 3️⃣ Run the Development Server
bash
Copy
Edit
npm run dev
Now open http://localhost:3000 in your browser to play the game! 🎮
## 🎯 How to Play?
- Click on a tile to reveal the emoji underneath.
- Select two tiles at a time to find matching pairs.
- If they match, they stay visible.
- If they don’t match, they swap positions after a second.
- Keep going until you match all pairs!
- Track your progress with the violet progress bar.
- Press the Reset button to restart the game anytime.
## 📜 License
This project is open-source and available under the MIT License.