- (an online memory pattern recognition game)
TABLE of CONTENTS:
Footie Flips is a game that presents a user with a deck of 16 cards. Each card click triggers a flip that reveals a soccer related image. There on, the gamer is supposed to use his memory to match pairs, every 2 flips. Any 2 flips that result in a mismatch, goes back to default. A matched pair is awarded 10 points and a single point is deducated for every mismatch.
The goal of Footie Flips is to demonstrate understanding of the fundamnetals of React project, ranging from project structure, components functionality, rendering of standard elements, handling events and esseentially state management.
- Clone files to your local repo
- Open a new terminal
- Navigate to the main game folder "footie_flips"
- Type in: npm install
- Type: npm start to run the program
- ENJOY!!!
After you have this locally in your machine, all navigation occurs in the browser.
| File | What it Does |
|---|---|
| App.js | basic loading class |
| Game.js | core class of the game |
| Gameheader.js | header component |
| Gameboard.js | main game board |
| Gamedashboard.js | in game controls |
| Gamecard.js | generates a card component |
| Game{header/board/dashbard/card}.css | game styling |
A combination of REACT.JS, HTML, CSS was used to bring this project to life.
This project was compiled by the following author:
- Ali Mongi - Email Me