Skip to content

A web app memory game that keeps track of the user's selected images and updates their scores accordingly.

Notifications You must be signed in to change notification settings

Arsalan-Sadri/18_ReactClickyGame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔗 Me on GitHub

  • My profile
    • All repositories, source codes, READMEs, pull requests, commits, issues, and...
  • My portfolio
    • Find all deployed applications

📃 Description

  • A web app memory game that keeps track of the user's selected images and updates their scores accordingly.
  • Every time an image is clicked, the images rendered to the page shuffle themselves in a random order.
  • The user's score gets incremented when clicking on an image for the first time.
  • The user's score gets reset to 0 if they click on the same image for the second time.
  • Once the user's score has reset after an incorrect guess, the game restarts.
  • Images are NOT pulled over from a file or database, but they are dynamic data fetched from GIPHY API

🔩 Tools and Technologies

  • Languages, libraries, and frameworks: HTML, CSS, JavaScript
  • Dependencies: axios, react, react-dom, react-scripts, gh-pages
  • API: GIPHY API
  • Package Manager: npm
  • Version control: Git
  • Editor: Visual Studio Code
  • Operating System: Mac OS

▶️ Deployed Application

  • See the application up and running via GitHub Pages directly from its depository

📺 Demo

  • Here see a short demo of this application on my YouTube channel!

🔧 How to Run

In order to run the application on your device, follow the instructions given below:

  1. Clone down the application to your local device
    1. Click on the green button above "Clone or download"
    2. ...
  2. Install the packages specified in package.json
    1. $ npm i
  3. $ yarn start

🔑 Technical Highlights

  1. ...

Releases

No releases published

Packages

No packages published