https://github.com/livewithcodeankit/memory-game
A simple, fun, and interactive memory game built with Next.js and TypeScript In this game, players test their memory skills by matching pairs of numbers in a grid of boxes. This project is designed to help players improve memory recall, as well as provide a clean and enjoyable UI for a satisfying user experience.
https://github.com/livewithcodeankit/memory-game
game memory-game next15 nextjs14 reactjs taliwindcss typescript
Last synced: 6 months ago
JSON representation
A simple, fun, and interactive memory game built with Next.js and TypeScript In this game, players test their memory skills by matching pairs of numbers in a grid of boxes. This project is designed to help players improve memory recall, as well as provide a clean and enjoyable UI for a satisfying user experience.
- Host: GitHub
- URL: https://github.com/livewithcodeankit/memory-game
- Owner: LiveWithCodeAnkit
- Created: 2024-10-29T18:04:44.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-10-29T18:56:59.000Z (11 months ago)
- Last Synced: 2025-03-24T18:11:13.939Z (7 months ago)
- Topics: game, memory-game, next15, nextjs14, reactjs, taliwindcss, typescript
- Language: TypeScript
- Homepage: https://memory-game-tqr.pages.dev
- Size: 164 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Memory Match Game
A simple, fun, and interactive memory game built with **Next.js** and **TypeScript**. In this game, players test their memory skills by matching pairs of numbers in a grid of boxes. This project is designed to help players improve memory recall, as well as provide a clean and enjoyable UI for a satisfying user experience.
## Features
- **Dynamic Grid Layout**: Adjustable grid size from 4x4 to 10x10, allowing for a customized challenge.
- **Pair Matching**: Players click on boxes to reveal numbers, aiming to find matching pairs.
- **Win Condition**: Once all pairs are matched, the game is won, and a success message is displayed.
- **Responsive Design**: The game layout is optimized for both desktop and mobile screens.
- **Built with Next.js & TypeScript**: This game leverages the power of Next.js for fast rendering and TypeScript for type safety.## Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/yourusername/memory-match-game.git
cd memory-match-game