Giter Club home page Giter Club logo

run-lap-tap's Introduction

Demo Link: https://vinayakhegde.github.io/multi-runner-time-tracker-app/

It is a javascript and html app.

There is a "Add Name", "Start Race" and "End Race" buttons The tracker allows you to add the names of competitors to the race – there should be no limit on the number of competitors:


Name Lap Count Total Time Average Time Last Lap Time
William 0 0 0 0
Harry 0 0 0 0
Charlie 0 0 0 0

Once you have added all competitors, clicking “Start Race” should start the race timer and display the start date/time on screen next to the race control buttons.

Name is clickable once race started. Once the race is started, clicking on the name of a competitor will mark them as completing a lap. Once they have completed a lap, the following statistics about them should be updated and displayed:

  1. The total number of laps they have completed to that point
  2. The total time they have taken to that point (presented in mm:ss.sss format, where mm is minutes, ss is seconds, and sss is milliseconds)
  3. The average time for their laps, this is total time divided by lap count, so for example if they have taken 1 minute to complete 3 laps, their average time is 20 seconds, which should be shown as 0:20.000
  4. The time taken for their last completed lap, again presented in mm:ss.sss format

Name Lap Count Total Time Average Time Last Lap Time
William 5 00:17.831 00:03.566 00:03.752
Harry 5 00:18.519 00:03.704 00:03.432
Charlie 5 00:19.088 00:03.818 00:03.209

There should be no limit on the number of laps that competitors complete. Once the race has finished, clicking End Race should display the following statistics below the race controls:

  1. The name of the competitor that had the highest lap count and lowest overall time in the above case, William is the winner with average time 00:03.566
  2. The name of the competitor with the fastest (completed) lap and the time taken for it

run-lap-tap's People

Contributors

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