Skip to content

This project features a fully functional analog clock with a date, built purely with HTML, CSS, and JavaScript. It provides a real-time display of time and date while offering hands-on experience with front-end technologies and dynamic JavaScript functionality.

Notifications You must be signed in to change notification settings

hasalakithmina/Clock-UI-Design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Analog Clock with Date

This project features a fully functional analog clock displaying the current time and date. It was built using pure HTML, CSS, and JavaScript to enhance my understanding of web development and provide an interactive, real-time experience.

ClockUI Poster

Project Goals

  • Practice using HTML, CSS, and JavaScript for front-end development.
  • Create a dynamic, real-time analog clock.
  • Learn how to implement time-based functionality using JavaScript.

Features

  • Analog Clock: Real-time clock display with hour, minute, and second hands.
  • Date Display: Shows the current date alongside the time.
  • Responsive: The clock adjusts to different screen sizes.

Technologies Used

  • HTML: For the structure and layout of the clock.
  • CSS: For styling the clock and making it visually appealing.
  • JavaScript: To dynamically update the time and date in real-time.

Challenges & Learnings

During the development of this project, I utilized online tutorials and ChatGPT to overcome challenges. This project helped me learn about:

  • Dynamic DOM manipulation with JavaScript.
  • Real-time data updates without using external libraries.
  • Styling with CSS to create a visually appealing interface.

Feedback

Feel free to provide feedback or suggestions to help me improve this project and my web development skills. ❤️

About

This project features a fully functional analog clock with a date, built purely with HTML, CSS, and JavaScript. It provides a real-time display of time and date while offering hands-on experience with front-end technologies and dynamic JavaScript functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published