Skip to content

In This Project I Have Created a Digital and Analog Clock Using Pure HTML , CSS , JavaScript and It Also Include Light and Dark Mode

Notifications You must be signed in to change notification settings

Muhammad-Tayyab-Awan/analog_and_digitalClock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Analog and Digital Clock with Dark Mode

Welcome to Clockify, a stylish and functional Analog and Digital Clock web application with built-in dark mode. This project demonstrates the use of HTML, CSS, and JavaScript to create an interactive and visually appealing clock interface.

Table of Contents

  1. About
  2. Features
  3. Technologies Used
  4. Setup Instructions
  5. Future Plans
  6. Contact

About

Clockify is a modern web-based clock application that combines analog and digital clock displays. It features a toggleable dark mode for a user-friendly experience in different lighting conditions.

Features

  • Analog Clock: A traditional clock with hour, minute, and second hands.
  • Digital Clock: A real-time digital display showing hours, minutes, and seconds.
  • Dark Mode: Easily switch between light and dark themes.
  • Responsive Design: Optimized for devices of all sizes, from desktops to smartphones.
  • Dynamic Updates: Both clocks update in real-time without refreshing the page.

Technologies Used

  • HTML: Provides the structure for the clock elements.
  • CSS: Handles the styling for the analog and digital clocks, as well as dark mode.
  • JavaScript: Powers the functionality, including real-time clock updates and theme switching.

Setup Instructions

  1. Clone the repository:
    git clone https://github.com/yourusername/analog-digital-clock.git  
    

About

In This Project I Have Created a Digital and Analog Clock Using Pure HTML , CSS , JavaScript and It Also Include Light and Dark Mode

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published