The JS World Clock is a web application designed to provide users with the current date and time across different time zones. Users can easily select a city from the drop-down menu to instantly view the date and time of that city. The application utilizes Moment.js library for accurate time data retrieval.
The primary objective of this project is to showcase the implementation of Moment.js library for fetching real-time data across various time zones, demonstrating its utility and functionality.
- Homepage Display: The homepage features a user-friendly drop-down menu showcasing the date and time of three different time zones.
- Interactive Drop-down Menu: The drop-down menu is constructed using HTML
<select>
and<optgroup>
elements, categorizing cities based on their respective continents for easy navigation. - Dynamic Content Update: Upon selecting a city from the drop-down menu, the displayed content refreshes to reflect the date and time of the chosen city.
- User Navigation: A dedicated button is provided to allow users to return to the homepage effortlessly.
This app was built using the following technologies:
- HTML: Used for structuring the web pages.
- CSS: Employed for styling and enhancing the visual presentation.
- JavaScript: Utilized for implementing interactive functionalities and logic.
- Moment.js: Leveraged for efficient handling and retrieval of real-time data across different time zones.
This project is licensed under the MIT License.