Skip to main content
Timebox Timer
  1. Projects/

Timebox Timer

·1 min

Session Timer
#

Timer dashboard app for continuously determining time slots based on predefined intervals.

The idea behind the dashboard is to have a timer for timeboxing in the browser that can be used universally, e.g., at events, in agile project management methods, or at the POS.

The project was written in vanilla JavaScript without any frameworks.

Standard Specifications
#

  • Session 1 starts at 6:00 AM (Start Time)
  • Session length: 90 min. (Session Length)
  • Pause between sessions: 15 min. (Pause Length)
  • Structure: Session - Pause - Session - Pause -
  • App is reset by resetTime

The values ​​of Start Time, Session Length, Pause Length, and resetTime can be adjusted by changing the corresponding entry in config.js

Notes:
#

  • The app currently resets at resetTime (session number & timer start counting from the beginning)
  • The timer calculation depends on the correct time setting on the respective device
  • Tested with Chromium-based browsers (Chrome, Edge, Arc, …)
  • The app requires an internet connection to load the dependencies at startup Download (Google Fonts, Bootstrap CSS)
  • The project is packaged with Parcel as a single .html file



Info: The app is not yet publicly available on my GitHub.