Clock

Part of "Display Series"

View Demo: GitHub (Staging) | GitLab (Production/Stable)

Here, the GitHub Pages (https://reinhart1010.github.io/display-clock/) version is used for staging, as GitLab's built-in CI is slower to apply Git changes to GitLab Pages compared with that of GitHub.

• Dynamic navbar (here it's called cpanel)

• Build Simple Clock Layout
• Insert Alarm, Stopwatch and Timer icon to Simple Clock
• Enable basic clock color customization
• Enable multiple timezones

• Integrate real-time clock service (provided by Moment.js)
• Set clock layout to respect time format (12h or 24h) settings
• Provide alert API for Alarm and Timer

• Add Alarm section
• Integrate Alarm icon to Simple Clock
• Add support for multiple alarms
• Add Stopwatch section
• Integrate Stopwatch icon to Simple Clock
• Add Lap Stopwatch
• Add Split Stopwatch
• Add Timer section
• Integrate Timer icon to Simple Clock
• Add support for multiple timers

• Enable Weather Service support (by OpenWeatherMap)
• Integrate Weather icon and status to Simple Clock
• Enable location-based city detection (Geolocation)
• Set weather service to respect default unit settings (Celcius, Fahrenheit, Kelvin)
• Add Weather section
• Show current and next 6 days weather of the given id

• Implement Settings page
• Load settings based on saved cookies
• Save settings as cookies

• Cookies