Giter Site home page Giter Site logo

udidoron / calculete Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 148 KB

The game that tests your ability to do math that really matters: quick calculations in minimal time. And you get points!

License: MIT License

JavaScript 14.92% CSS 33.29% HTML 51.78%

calculete's People

Contributors

udidoron avatar

Watchers

 avatar  avatar

calculete's Issues

Implement basic site design

  • Background color fitting with white colored text
  • Elliptical buttons in a column for answers. Background color for answer changes to either green or red after clicking it, depending on whether the answer was correct/incorrect
  • Question in a rounded-border box, with strong, large text. Question is swapped after answering.
  • Time countdown on the side, with different color as the time goes down: regular before 20 seconds, warning-ish at 20 to 10 seconds, error-ish at 10 to 5 seconds, flashing at 5 to 0 seconds
  • As timer ends, last question is replaced by 'Your Score': ..., and answers are replaced by 'Play again' button and 'Return to Start' button

Implement basic site functionality

  • Entering the site, you'll see the 'start' view: Calculete in grand typing at center, followed by 'Change difficulty' select box (easy, medium, hard) and 'Play' button afterwards. In the future a custom game can be set, which doesn't follow the rules below.

  • After clicking 'Play', the game begins:

  • A timer starts counting down from 60 seconds on the left side of the screen. A points indicator is initialized on the right side of the screen.

  • A math question (randomly generated, with answers' range depending on chosen difficulty; easy is 10-100, medium is 10-1000, hard is 10-10000) appears, and 3 possible answers (one is the correct one, others are generated randomly) are generated alongside it.

  • If the right answer is clicked, a point is added to a point counter (and the answer clicked briefly turns yellow). If the wrong answer is clicked, no points are added and the answer turns red.

    (In the future, answering correctly adds time, while answering incorrectly deducts time. In that case, the game starts at 45 seconds.)

  • After 60 seconds have passed, the questions and answers are removed like in #3, and two buttons appear instead: 'Play again' restarts the game in its current configuration, while 'Return to start' returns to the starting screen.

(In the future, the player's 5 high scores for each difficulty - possibly stored in LocalStorage to avoid needing authentication, or accessible via simple user/password - would be shown in the start screen, and possibly after the game ends).

Implement custom game

Not just 'how many correct answers in 60 seconds' but also a custom game, where you can set the time, amount of points and time awarded/deducted per correct/wrong answer (accordingly), level of questions and which operators to use (need at least one).

Setup Backend

For each player, save his high score - possibly for each difficulty (easy, medium, hard). Also, maintain (or get via aggregating) global high scores.

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.