World Clock

World Clock is a simple and elegant web application that displays the current date and time for multiple cities around the world. Users can also select a city from a dropdown menu to view its local time, including their current location.

Screenshot

Features

• Real-time display of date and time for Los Angeles and Paris by default

• Dropdown menu to select and view the time for other major cities (London, New York, Auckland, Tokyo, Amsterdam, Berlin)

• Option to display the time for the user's current location

• Responsive and modern user interface

• Built with HTML, CSS, and JavaScript using Moment.js and Moment Timezone

Links

• Live Site

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, Safari, etc.)

Running Locally

1. Clone this repository:

   git clone https://github.com/dev-dimma/world-clock.git

2. Navigate to the project directory:

   cd world-clock

3. Open index.html in your browser.

No additional setup or dependencies are required.

Project Structure

world-clock/
├── index.html         # Main HTML file
├── src/
│   ├── script.js      # JavaScript logic for time and city selection
│   └── styles.css     # Stylesheet for the application

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Moment.js
• Moment Timezone

Credits

This project was coded with ❤ by Dimma Joel and is open-sourced on GitHub.

License

This project is open source and available under the MIT License.

Developer

• Website - Dev Dimma
• Twitter - @devdimma
• Linkedin - @Dimma Joel