Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Clockd

A minimal digital clock built with HTML, CSS, and JavaScript.
Includes a theme toggle with sun/moon icons and a clean navigation layout.

Purpose

This project was built to practice JavaScript by creating something functional while learning HTML, CSS, and DOM manipulation in a hands-on way.

Features

  • Digital clock (HH:MM:SS)
  • Dark mode (default)
  • Light mode toggle
  • Sun/Moon dynamic icon
  • Google Fonts + Material Symbols Icons

How to Run

Clone the repository using the following command:

git clone https://github.com/MaddelaTarun/clockd.git

Open index.html in any browser.

To-Do / Work in Progress

Yet to Be Implemented

Features planned but not implemented yet:

  • Timer (screen + functionality)
  • Stopwatch (screen + functionality)

Improvements

Enhancements planned for later:

  • UI/UX aesthetic improvements
  • Better layout spacing and alignment
  • Smooth light/dark theme transitions
  • Active tab indicator in the navbar
  • Icon animation during theme toggle
  • Code refactoring for cleaner structure
  • Improved mobile responsiveness

Changelog

See CHANGELOG.md for full update history.

About

simple js clock app using html, css and js

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages