Memory Game

A React-based web application which simulates a memory game: get points for choosing a card, but don't choose the same one twice.

Learning project from The Odin Project curriculum.

• Memory game
• 3 different difficulties
• 3 levels with increasing number of cards
• Responsive design

• React
• CSS

• uuid
• Google Fonts
• React Transition Group
• React Tilt

• Visual Studio Code
• Linux terminal
• Git and GitHub
• Webpack
• ESLint + Airbnb JavaScript Style Guide
• Prettier

(back to top)

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You will need Node.js and npm installed globally on your machine.

• Downloading and installing Node.js and npm

1. Clone the repo

   git clone https://github.com/Artis-Dev/memory-game.git

2. Install NPM packages

   npm install

3. Build an app

   npm run build

4. Deploy an app to gh-pages

   npm run deploy

(back to top)

• Use GitHub Pages to view an app or start a local server

  npm start

(back to top)

• Learned to work with React functional components and hooks.
• Used Create React App to build an app.
• Used Git and GitHub for project management.
• Cross tested on Firefox and Chromium based browsers.

(back to top)

ArtisDev - LinkedIn - [email protected]

(back to top)

• The Odin Project
• React Docs
• DuckDuckGo
• GWENT: The Witcher Card Game

(back to top)