Hero Background

World Clock

Overview

The World Clock app displays the current time for multiple cities around the globe. Users can add cities, see their local times in real-time, and quickly switch between different timezones.


My Role: Frontend Developer


Tools Used: HTML · CSS · JavaScript · World Time API

Highlights

  • Fetches real-time time data for multiple cities via API.
  • Users can add and remove cities dynamically.
  • Responsive layout works on mobile, tablet, and desktop.
  • Displays day/night indicator for each city.
  • Clean and minimal interface for fast readability.

Tech Stack

  • HTML5 for semantic structure
  • CSS3 for layout, styling, and responsive design
  • Vanilla JavaScript for DOM manipulation and API requests
  • World Time API for real-time timezone data
  • Netlify for hosting and deployment

Live Preview