https://github.com/complexlity/memory-game
Memory test application created using React and Tailwind
https://github.com/complexlity/memory-game
firebase framer-motion material-ui react tailwindcss uniqid vite
Last synced: 5 months ago
JSON representation
Memory test application created using React and Tailwind
- Host: GitHub
- URL: https://github.com/complexlity/memory-game
- Owner: Complexlity
- Created: 2022-12-05T16:50:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T05:07:13.000Z (9 months ago)
- Last Synced: 2025-01-01T07:13:27.692Z (5 months ago)
- Topics: firebase, framer-motion, material-ui, react, tailwindcss, uniqid, vite
- Language: JavaScript
- Homepage: https://complexlity-memory-game.netlify.app/
- Size: 4.89 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Memory Game
**NEW:** Switch to the `auth` branch to checkout the login feature
Game application to test for retentive ability
[Live Demo](https://complexlity-memory-game.netlify.app/) :point_left:
## Features
- Tracks the clicked cards
- Updates scoreboard
- Updates best score (persistent)
## Branches
There are four branches associated with the repository
1. `main`: This branch contains the deployed codebase
2. `with-comments`: This branch contains same features as main but with documentation/comments in the code
3. `auth`: The branch contains an additional feature to login and save scores using firebase
4. `auth-with-comments`: This branch contains similar code as auth but with documentation and comments in the code
### FAQs
Question: Why not merge `with-comments` to the `main` branch
Answer: I personally believe in writing clean codes and try as much as possible to make it self explanatory. I have made this new branch to give better understanding to users who may not have much(or any) experience using the technologies used here
## Technologies used
- JavaScript
- React
- Framer motion
- TailwindCSS
## Geting started
### Clone repository
```
git clone https://github.com/Complexlity/memory-game.git
cd memory-game
```
### Install dependencies
```
npm install
```
### Start Application
```
npm run dev
```
Open the link show on the terminal in a browser (Usually `http://localhost:5173`)