DATETIME

Description

This is a web-app consisting of various tools and features related to date and time (detailed overview of features are present in Features Overview section). New features and tools will be added in future.

Development

• Libraries/Packages used : Create React App, Material UI, GitHub pages
• Hosted website : DateTime website
• CI/CD Status :

Features Overview

• Current Date and Time (displays date and time of client browser)
  • Date
    • Format selector
    • Include day of the week
    • Separator selector (disabled for certain date formats)
  • Time
    • Include milli-seconds
    • Format selector
    • Include timezone
• Stopwatch
  • Start/Pause/Resume
  • Reset (disabled when stopwatch hasn't started)
  • Include milli-seconds
  • Separator selector
• Timer
  • Start/Pause/Resume (start button is disabled when timer input has invalid value)
  • Reset (disabled when timer hasn't started)
  • Include milli-seconds
  • Separator selector
• Year Status (displays status of the year with sections showing how much time has been completed and remaining)
  • Format selector
  • Progress bar (indicates progress of the year)