realnitinworks / memory-game

A game app which tests your memory to remember the cards you have flipped. A project done as part of #100DaysOfWeb #100DayOfCode, based on the React lessons from the course "https://training.talkpython.fm/courses/explore_100days_web/100-days-of-web-in-python" @ https://training.talkpython.fm/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Memory Game App

This project is a game application developed using React and Bootstrap4.

GamePlay

The user is presented with a set of unexposed cards when the game is launched. Each card holds a random number beneath. There are exactly 2 cards holding the same number.

Game Launch

The user needs to flip a card to expose the number it holds. He then has to find a corresponding matching card. If the cards match, the cards remain exposed, otherwise they get flipped back. At any stage during the game, the user could reset the game.

Game Progress

The game continues until all the cards are exposed. The user wins when all cards are exposed. He is then presented with the button to play again.

Game Won

How to run the app

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Project bootstrap

This project was bootstrapped with Create React App. It uses Bootstrap4 to nicely render the GUI.

About

A game app which tests your memory to remember the cards you have flipped. A project done as part of #100DaysOfWeb #100DayOfCode, based on the React lessons from the course "https://training.talkpython.fm/courses/explore_100days_web/100-days-of-web-in-python" @ https://training.talkpython.fm/


Languages

Language:JavaScript 82.2%Language:HTML 12.0%Language:CSS 5.8%