Skip to content

Commit cdd2899

Browse files
authored
Merge pull request #184 from Asfand-Yar-dev/memory-game
Added memory-game project
2 parents ed7fb0a + fcc7e97 commit cdd2899

23 files changed

+18189
-0
lines changed

assets/memory-game.jpeg

7.34 KB
Loading

memory-word-game/.gitignore

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

memory-word-game/README.md

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
# 🧠 Memory Game
2+
3+
A simple and fun **Memory Matching Game** built with **React**.
4+
Test your memory by flipping cards and finding matching pairs.
5+
6+
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
7+
8+
---
9+
10+
## 🚀 Features
11+
12+
- Flip cards to reveal images
13+
- Match identical cards
14+
- Move counter and game reset
15+
- Responsive and mobile-friendly
16+
- Built with functional components and React Hooks
17+
18+
---
19+
20+
## 📦 Getting Started
21+
22+
### ✅ Prerequisites
23+
24+
Make sure you have **Node.js** and **npm** installed.
25+
26+
### 📥 Installation
27+
28+
Clone the repository and install dependencies:
29+
30+
```bash
31+
git clone https://github.com/your-username/memory-game.git
32+
cd memory-game
33+
npm install
34+
35+
### ▶️ Run the App
36+
Start the development server:
37+
38+
bash
39+
Copy
40+
Edit
41+
npm start
42+
This will run the app in development mode.
43+
Open http://localhost:3000 in your browser.
44+
45+
The page will reload automatically if you make changes.
46+
47+
📦 Build for Production
48+
bash
49+
Copy
50+
Edit
51+
npm run build
52+
```
53+
---
54+
55+
# 🛠 Technologies Used
56+
React
57+
58+
JavaScript (ES6)
59+
60+
HTML5 & CSS3
61+
62+
React Hooks (useState, useEffect)
63+
64+
Create React App
65+
66+
67+
# 📚 Learn More
68+
React Documentation
69+
70+
Create React App Guide
71+
72+
React Hooks Guide
73+
74+
💡 Available Scripts
75+
In the project directory, you can run:
76+
```
77+
npm start
78+
Runs the app in development mode.
79+
Open http://localhost:3000 to view it in the browser.
80+
81+
npm test
82+
Launches the test runner in interactive watch mode.
83+
See: Running Tests
84+
85+
npm run build
86+
Builds the app for production to the build/ folder.
87+
88+
npm run eject
89+
⚠️ Use with caution. This is a one-way operation.
90+
It gives full control over the build configuration.
91+
```
92+
---
93+
94+
## 👨‍💻 Author
95+
Asfand Yar Beginner Web Developer | Computer Science Student
96+

0 commit comments

Comments
 (0)