Giter Site home page Giter Site logo

hack-a-mole-demo's Introduction

Hack A Mole

a whack a mole game that was clearly hacked together

Notes:

* uses package by feature and duck typing project organization
* uses .env file with NODE_PATH set so the node development server allows absolute pathing

Order Of Implementations

* added structure of domain - some future packages for redux stores
* added redux frameworks and templated actions and reducers
* added login scene
* added event handler templates for login scene
* implemented react-router for navigation
* added authentication wall with login and the game
* added tests for user redux store
* added game board template
* added game board redux store
* refactored and bug fixes
* implemented firebase auth and cloud cloud storage

Requirements:

Create a simple Whack-a-mole game:

  1. The game should be hosted behind a login screen.
  2. The game should keep track of current user’s high score and the top 5 scores of all users. A score is one point for each “mole” whacked during a game (registered as a mouse click).
  3. A simple timer mechanism begins and ends each game.
  4. The user can adjust the rate at which “moles” appear.

Write your frontend in JS (or typescript) using either React or Vue as your framework. The backend can be done in Node or Cloud Functions.
We are not looking for or expecting a professionally polished game; rather we would like to see a demonstrated understanding of the technologies used and for you to be able to discuss the development decisions that were made along the way to creating the game. Please commit often and provide tests where you feel appropriate.

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.