https://github.com/jigyasag18/world-clock-generator
This project is a timezone converter that displays current dates and times for three different locations across various time zones. Users can select from a dropdown menu of at least three locations to view the corresponding time. The application also features a link to the homepage for easy navigation and displays the date and time for the users.
https://github.com/jigyasag18/world-clock-generator
clock-generator css css3 html html5 javascript js netlify netlify-deployment website website-development world-clock-app world-clock-time-zones-javascript-html-css
Last synced: about 2 months ago
JSON representation
This project is a timezone converter that displays current dates and times for three different locations across various time zones. Users can select from a dropdown menu of at least three locations to view the corresponding time. The application also features a link to the homepage for easy navigation and displays the date and time for the users.
- Host: GitHub
- URL: https://github.com/jigyasag18/world-clock-generator
- Owner: jigyasaG18
- Created: 2025-03-16T08:55:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-16T10:03:11.000Z (about 1 year ago)
- Last Synced: 2025-03-16T11:19:02.832Z (about 1 year ago)
- Topics: clock-generator, css, css3, html, html5, javascript, js, netlify, netlify-deployment, website, website-development, world-clock-app, world-clock-time-zones-javascript-html-css
- Language: JavaScript
- Homepage: https://world-clock-generator.netlify.app/
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🕒 World Clock Generator
Welcome to the **World Clock Generator**! This project serves as a dynamic timezone converter that displays the current date and time for three different locations across various time zones. Users can effortlessly select their preferred locations from a dropdown menu and instantly view the corresponding time.
## 🌍 Project Overview
The World Clock Generator is designed to help users easily track time across different geographical areas. Whether you’re managing international meetings, coordinating with friends around the world, or planning travels, this application provides you with the essential time data you need at a glance.
### 🌟 Key Features
- **Timezone Conversion**: View the current date and time for three different selected locations.
- **Interactive Dropdown Menu**: Easily choose from a list of at least three locations to see their corresponding times.
- **User-Friendly Interface**: Navigate the application effortlessly, with clear displays of date and time.
- **Homepage Navigation Link**: A convenient link back to the homepage for quick access.
## 🚀 Demo
Experience the app in action! Visit the live version here: [World Clock Generator](https://world-clock-generator.netlify.app/)
## 💻 Technologies Used
- **HTML**: For structuring the application’s layout and content.
- **CSS**: For styling the application and enhancing the user experience.
- **JavaScript**: To build interactive features and manage time zone conversions.
- **Netlify**: Deployment platform for hosting the application.
## 📅 Course Background
This project was completed as part of the **SheCodes Plus Add-On course**, which lasted approximately three weeks. Through this course, I developed my skills in building interactive web applications and understanding time zone conversions using JavaScript.
## 🌈 Future Enhancements
Looking forward, there are several exciting features I'd like to implement:
- **Add More Locations**: Expand the dropdown to include more locations for greater flexibility.
- **Custom Time Input**: Allow users to input specific times and convert them to different time zones.
- **Design Improvements**: Refine the user interface with animations and a more modern look.
- **Dark Mode Option**: Provide users with a theme toggle for better visibility.
