https://github.com/teneplaysofficial/memory-game-test-your-memory-skills

A beautiful and engaging memory card game built with React, TypeScript, and Tailwind CSS. Created in under 5 minutes.
https://github.com/teneplaysofficial/memory-game-test-your-memory-skills

lucide-icons memory-game reactjs tailwindcss typescript ui vitejs webapp webgame

Last synced: 20 days ago
JSON representation

A beautiful and engaging memory card game built with React, TypeScript, and Tailwind CSS. Created in under 5 minutes.

• Host: GitHub
• URL: https://github.com/teneplaysofficial/memory-game-test-your-memory-skills
• Owner: TenEplaysOfficial
• License: mit
• Created: 2024-12-10T17:33:05.000Z (23 days ago)
• Default Branch: main
• Last Pushed: 2024-12-10T17:42:47.000Z (23 days ago)
• Last Synced: 2024-12-10T19:02:30.147Z (23 days ago)
• Topics: lucide-icons, memory-game, reactjs, tailwindcss, typescript, ui, vitejs, webapp, webgame
• Language: TypeScript
• Homepage: https://memorycardgamebytene.netlify.app
• Size: 109 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Memory Game 🎮

A beautiful and engaging memory card game built with React, TypeScript, and Tailwind CSS. Created in under 5 minutes using [StackBlitz Bolt](https://stackblitz.com/bolt)!

## 🎯 Features

- Sleek and modern UI with smooth animations

- Score tracking and move counter

- Best score persistence

- Responsive design

- Beautiful card flip animations

- Emoji-based matching pairs

## 🚀 Live Demo

Play the game here: [Memory Game](https://memorycardgamebytene.netlify.app)

## 🎨 Technologies Used

- React 18

- TypeScript

- Tailwind CSS

- Vite

- Lucide Icons

## 🎮 How to Play

1. Click "Start Game" to begin

2. Click on cards to flip them

3. Find matching pairs of emojis

4. Complete the game with the fewest moves possible

5. Try to beat your best score!

## 🛠️ Development

```bash

# Install dependencies

npm install

# Run development server

npm run dev

# Build for production

npm run build

```

## 📝 License

MIT

---

Made with ❤️ using [StackBlitz Bolt](https://stackblitz.com/bolt)