Skip to content

πŸ•’ Real-Time Digital Clock: A responsive clock app built with HTML, CSS, and JavaScript, using a Node.js + Express backend for live timezone sync. Features auto day/night themes, tick-tock sound toggle, real-time updates, and a clean interactive UI for managing settings.

Notifications You must be signed in to change notification settings

CodeWithSahilShaikh/Realtime-Digital-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ•’ Real-Time Digital Clock

A fully responsive real-time digital clock built using HTML, CSS, and JavaScript, powered by a lightweight Node.js + Express backend for accurate timezone synchronization.
This project displays live time for multiple countries, automatically adjusts themes (day/night/sunrise/sunset), and features a realistic tick-tock sound option.


πŸš€ Features

  • 🌍 Dynamic Timezones: Fetches real-time data for any country using a custom API
  • 🎡 Tick-Tock Sound: Optional ticking sound synchronized with each second
  • βš™οΈ Interactive Settings Panel: Toggle seconds display, enable/disable sound, and change clock format
  • πŸ“± Responsive Design: Works smoothly across all screen sizes

🧠 Tech Stack

Frontend:

  • HTML5
  • CSS3
  • Vanilla JavaScript

Backend:

  • Node.js
  • Express.js

API:

  • Custom built /api/time/:timezone endpoint
  • Optional integration with TimeZoneDB

πŸ› οΈ Setup Instructions

  1. Clone this repository
    git clone https://github.com/your-username/realtime-digital-clock.git
    cd realtime-digital-clock

About

πŸ•’ Real-Time Digital Clock: A responsive clock app built with HTML, CSS, and JavaScript, using a Node.js + Express backend for live timezone sync. Features auto day/night themes, tick-tock sound toggle, real-time updates, and a clean interactive UI for managing settings.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published