https://github.com/sarthak576/memori-mania
Memory Mania
https://github.com/sarthak576/memori-mania
30seconds flip-animation flip-card fun github memory-game
Last synced: over 1 year ago
JSON representation
Memory Mania
- Host: GitHub
- URL: https://github.com/sarthak576/memori-mania
- Owner: sarthak576
- Created: 2024-06-14T11:22:38.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-11T06:06:37.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T15:46:29.796Z (over 1 year ago)
- Topics: 30seconds, flip-animation, flip-card, fun, github, memory-game
- Language: HTML
- Homepage: https://memori-mania.netlify.app
- Size: 15.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎉 Memory Mania 🎉
## Train your brain 🧠💪
Welcome to **Memory Mania**, a fun and engaging card flip game designed to challenge and improve your memory. Enjoy the sleek design and responsive UI as you match pairs of cards to win!
## 🖼️ UI
## ✨ Features
- 🃏 **Interactive Gameplay**: Flip cards and match pairs.
- ⏳ **Timers**: Uses `setTimeout()`, `setInterval()`, and `initTimer()` for game logic.
- 🎨 **Stylish Design**: Brownish RGB color UI with Sans-serif Popins font.
- 📱 **Responsive**: Grid layout ensures compatibility with various screen sizes.
- 🎬 **Animations**: Smooth transitions using CSS keyframes.
## 📦 Installation
To get started with Memory Mania, follow these steps:
1. **Clone the Repository**:
```sh
git clone https://github.com/sarthak576/Memory-Mania.git
```
2. **Navigate to the Project Directory**:
```sh
cd Memory-Mania
```
3. **Open the Game**:
Simply open `index.html` in your favorite web browser.
## 🚀 Usage
Play Memory Mania by flipping cards to find matching pairs. Use the following key features:
- **Flipping Cards**: Click on a card to reveal it.
- **Timer**: Keep track of time as you play.
- **Score**: Track your progress with the score displayed on the screen.
## 🛠️ Technologies Used
- **JavaScript**: Core game functionality using functions like `setTimeout()`, `setInterval()`, and `initTimer()`.
- **CSS**: Styling with Sans-serif Popins font, brownish RGB color, and keyframe animations.
- **HTML**: Structuring the game interface.
- **Grid Layout**: Ensures the game is responsive across different devices.
## 🎨 Design Details
- **Font**: Sans-serif Popins.
- **Color Scheme**: Brownish RGB for a warm and inviting look.
- **Responsive Design**: Grid layout ensures the game adapts to different screen sizes.
- **Animations**: Smooth and engaging animations using CSS keyframes.
## 📬 Contact
For any questions or suggestions, feel free to reach out to me at [sarthakguptarjn123@gmail.com](mailto:sarthakguptarjn123@gmail.com).
Happy gaming! 🎉
---
### 🙏 Acknowledgements
- 🎨 Thanks to the contributors of various open-source libraries and tools that made this project possible.
- 💡 Inspired by classic memory card games to create an engaging and interactive experience.