https://github.com/simonapiz/matchingmemory
An App Game with pair Cards
https://github.com/simonapiz/matchingmemory
codecademy-solutions front-end-development javascript react-redux reactjs redux
Last synced: about 2 months ago
JSON representation
An App Game with pair Cards
- Host: GitHub
- URL: https://github.com/simonapiz/matchingmemory
- Owner: SimonaPiz
- Created: 2023-06-07T08:37:24.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-08T16:34:56.000Z (about 3 years ago)
- Last Synced: 2025-02-13T06:23:42.547Z (over 1 year ago)
- Topics: codecademy-solutions, front-end-development, javascript, react-redux, reactjs, redux
- Language: JavaScript
- Homepage: https://matchingmemory_simonapiz.surge.sh/
- Size: 369 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
Matching Memory
> A one-player Matching Game.
Live demo [matchingmemory](https://matchingmemory_simonapiz.surge.sh/).
## Table of Contents
* [General Info](#general-information)
* [Technologies Used](#technologies-used)
* [Setup](#setup)
* [Acknowledgements](#acknowledgements)
## General Information
In this project, I build a React web application.
I use my knowledge of React components, passing state with React-Redux to build a web app that allows users to:
- [x] set new game with random cards
- [x] flip card
- [x] reset card
- [x] win if it reaches the total result
### main Tasks
- Provide the Redux Store
- Create the Board Layout
- Show Cards
- Initialize the Game
- Flipping Cards
- Reset the Flipped Cards
- Matching Cards
- Get the Score
- extra: use green and red to the text of cards that are flipped over and matched/not matched
## Technologies Used
- React 18
- React-Redux 7
- Node.js 18
## Setup
To run this project, install it locally using npm:
```
$ cd ../[directory]
$ npm install
$ npm start
```
## Acknowledgements
This project comes from the [Codecademy's Front-End Engineer](https://join.codecademy.com/learn/paths/front-end-engineer-career-path-b/) course.