Git Product home page Git Product logo

ttt's Introduction

Timed Times Tables

Hone your multiplication skills!

Try here: https://walles.github.io/ttt

TODO

Random improvements

  • Make an icon
  • Present stats on the home screen, based on LongTermStats.getTopList()
  • Collect high scores
    • Individual high score tables based on tables / multiplication / division settings
    • Sort primarily by number of first-attempt correct answers, then by completion time
  • Keep a needs-practice list of assignments
    • When the user fails something, give it three needs-practice points
    • When the user passes something, deduct one needs-practice points
    • Try to take every other question from the needs-practice table if there's something in there
    • For each possible question, keep track of how long it took the user to answer it the last time they got it right

Done

  • Make a home screen
  • Add a Start button to the home screen
  • Ask ten random multiplication / division questions
  • Add a text field for answer to the question
  • Skip to the next question as soon as the text field contains the right answer
  • After 10 questions, go back to the start screen
  • Present the result on the start screen, with:
    • time
    • number of right-on-the-first-attempt answers
  • Auto deploy to GitHub Pages on each push to the main branch
  • Replace the "3/10" text with a progress bar under the line where the user types
  • If the right answer hasn't been presented in five seconds, show the correct answer so that the player can type it
  • Enable picking which multiplication tables to test
  • Give the user 30s rather than 10 questions. Let the user finish the last question when the time runs out. For stats, show the user's speed in seconds per question.
  • Replace the tables selector list with a Wrap collection ChoiseChips, one for each table. This should take less space and look nicer.
  • Enable choosing between multiplication, division or both
  • Add contact information, both to GitHub Issues and via email
  • I18N and L10N into Swedish, follow the system language
  • Test on Android in a browser
  • Test on desktop in a browser
  • Test on Android in landscape mode
  • Test in a small browser window on desktop
  • Add a license
  • Avoid doing the same question twice in a row
  • Adapt to the system's theme (dark / light)
  • When the user presses Start, start by showing a quick countdown from 3 to 1 before starting the questions
  • Add a sound effect
  • Collect stats on the last 50 questions

ttt's People

Contributors

walles avatar

Stargazers

 avatar

Watchers

 avatar  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.