Skip to content

adybas/JS-24-Game-Frontend

Repository files navigation

24 Game

Welcome to the 24 Game, where you are given the chance to try your math skills by making a set of 4 numbers equal 24 through addition, subtraction, multiplication, division, and exponentiation.

Available features:

  • Users can submit a Username to keep track of game session
  • Users can pick the difficulty (based on number of seconds allowed to solve the problems)
  • Users can click on given buttons (4 number buttons, and 6 artimatic buttons) and see their current response in an user input field
  • Users can give-up on solving the current equation, and a solution will be rendered from an API with the given numbers
  • Users can attempt to solve the math equation (which will then be evaluted using Math.js) or reset their current attempt to try again (as long as their is enough time remaining)

Installation

  • Fork and clone this repo and the backend repo

  • First cd into the js-24-game-backend directory in the backend repo

    • Run $ rails db:create
    • Run $ rails db:migrate
    • Run $ rails server
  • After the backend is up, cd into the js-24-game-frontend directory

    • Run $ bundle install
    • Run $ open index.html

Screenshots of Game Play

Welcome Screen

Welcome Screen

Game Instruction Screen

Game Instruction Screen

Starting Screen

Starting Screen

Give-Up Screen

Give-Up Screen

Solving Screen

Solving Screen

Correctly Solved Screen

Correctly Solved Screen

Frameworks and Libraries Used

Author

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/adybas/JS-24-Game-Frontend/issues. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The code is available as open source under the terms of the MIT License.

About

Solve for 24 Web Application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published