GithubHelp home page GithubHelp logo

interaminense / memory-game-js Goto Github PK

View Code? Open in Web Editor NEW
10.0 3.0 2.0 10.9 MB

๐ŸŽฎ Play Memory Game

Home Page: https://interaminense.dev/memory-game-js

HTML 9.52% CSS 17.95% Shell 0.96% TypeScript 71.57%
memory-game-js memory-game

memory-game-js's Introduction

Memory Game JS

It is an online memory game with three difficulty levels: easy, medium and hard. The game includes a ranking scheme with the top 20 players on each level, where players can enter their names into the ranking at the end of the game.

The ranking is calculated based on the time, the amount of times the cards are flipped, and a bonus card that if found, adds 3 points to the player's final score.

The game also includes a cheat, where if the player correctly enters a Harry Potter spell, the cards are revealed, making the game much easier.

Screenshot from 2023-01-15 23-15-46

How to run locally in development mode?

  1. Fork the project
  2. Create an account on Firebase if you don't have one already
  3. Add an anonymous authentication provider in Firebase Authentication
  4. Add the following rules in Firebase Realtime Database
{
  "rules": {
    "$uid": {
      ".indexOn": "score",
        "$uid": {
          ".indexOn": "score"
        }
    },
    ".read": "auth != null",
    ".write": "auth != null",
  }
}
  1. Copy the environment variables that Firebase offers in WEB mode
  2. Create a file local.env in the root of the forked repository
  3. Add the environment variables below in local.env
REACT_APP_FIREBASE_API_KEY=YOUR_KEY_HERE
REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_KEY_HERE
REACT_APP_FIREBASE_PROJECT_ID=YOUR_KEY_HERE
REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_KEY_HERE
REACT_APP_FIREBASE_MESSAGIN_SENDER_ID=YOUR_KEY_HERE
REACT_APP_FIREBASE_APP_ID=YOUR_KEY_HERE
REACT_APP_FIREBASE_MEASUREMENT_ID=YOUR_KEY_HERE
REACT_APP_CARD_PATH_SECRET_KEY=YOUR_SECRET_PATH_KEY // any message here
  1. Run yarn to install the packages
  2. Run yarn start to start the server locally

memory-game-js's People

Contributors

interaminense avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

memory-game-js's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.