Git Product home page Git Product logo

memory-game's Introduction

memory-game

A web application: “Memory Game” for one player.

“Memory game” Beginning of the game: a player received two sets of identical cards in random order on a table. With the first card lift, a timer starts ticking, and a player’s error score is set to 0. Game round: Each round the player lifts two cards from the table. If both cards match - the cards disappear from the table. If the cards are different the player’s error score increases by 1. The player continues to guess card matches until the table is clear. End of the game: The player is rated by the time elapsed from the beginning of the game and the error score.

GAME START:: The game starts with selecting the difficulty of the game: Easy (5 cards per set), medium (10 cards per set), hard (25 cards per set) The client should display board with all cards in a closed state.

PROCESS: At each round the player selects the first card - the card should reveal itself. And then a player selects the second card - the card should reveal itself for 3 seconds. If the cards match they should disappear. If the cards don’t match, the card’s content should hide. Once all tiles are guessed, a REST API is called to store details on the server.

OUTPUT: The game ends when all cards are matched. The player can see the elapsed time since the game started, player’s error score and total matches.

● Stack for implementation

○ Client: React.JS

○ Server: C# ASP.NET Core

memory-game features demo

Workflow

memory-game responsive UI demo

Responsive UI

memory-game How to run the application

npm install

npm run start.

memory-game's People

Contributors

namratabafna avatar

Stargazers

 avatar

Watchers

 avatar

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.