{"id":25619596,"url":"https://github.com/mohit-rajak/analog-clock","last_synced_at":"2026-06-18T03:33:50.375Z","repository":{"id":274493867,"uuid":"923087266","full_name":"Mohit-Rajak/Analog-Clock","owner":"Mohit-Rajak","description":"Analog Clock","archived":false,"fork":false,"pushed_at":"2025-01-27T16:29:21.000Z","size":8,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-12T03:31:54.202Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://analog-clock-rho-sooty.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mohit-Rajak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-27T16:14:23.000Z","updated_at":"2025-01-31T08:09:33.000Z","dependencies_parsed_at":"2025-01-27T17:33:52.901Z","dependency_job_id":"4aa5ce9a-c4cd-4465-905e-469f9e8135b5","html_url":"https://github.com/Mohit-Rajak/Analog-Clock","commit_stats":null,"previous_names":["mohit-rajak/analog-clock"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mohit-Rajak/Analog-Clock","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FAnalog-Clock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FAnalog-Clock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FAnalog-Clock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FAnalog-Clock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mohit-Rajak","download_url":"https://codeload.github.com/Mohit-Rajak/Analog-Clock/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FAnalog-Clock/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34475375,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-18T02:00:06.871Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-22T06:18:19.361Z","updated_at":"2026-06-18T03:33:50.358Z","avatar_url":"https://github.com/Mohit-Rajak.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Analog Clock \nThis project is a simple yet functional Analog Clock built using HTML, CSS, and JavaScript. The clock displays the current time with an interactive analog-style interface, showcasing the use of basic web development technologies to simulate a real-world clock mechanism.\n\n## Features:\n\nReal-Time Update: The clock continuously updates to show the current time with an accurate display of hours, minutes, and seconds.\nSmooth Movement: The clock hands (hour, minute, and second) move smoothly, mimicking the behavior of a real analog clock.\nResponsive Design: The clock adapts to different screen sizes, ensuring a clean layout across devices such as mobile, tablet, and desktop.\n\n## Technologies Used :\n\n-   **HTML**: Provides the basic structure for the clock, including the elements representing the clock face and the hands.\n-   **CSS**: Used for styling and positioning the clock hands, as well as creating the circular face of the clock.\n-   **JavaScript**: Responsible for dynamically updating the position of the clock hands based on the current time.\n\n## Installation \u0026 Usage:\n\n**Clone the Repository:**\n\ngit clone : https://github.com/Mohit-Rajak/Analog-Clock.git\n\nYou can either clone the repository using Git or download the zip file.\n\n## Open the Project:\n\nNavigate to the folder where you downloaded or cloned the project.\nOpen the index.html file in your preferred browser.\nEnjoy the Analog Clock:\n\nOnce the page is loaded, the analog clock will display, and the hands will move according to the current time.\nCode Breakdown:\n\n**HTML**:\nA container div element wraps the entire clock.\nInside the container, there are additional div elements representing the clock's face, and the hour, minute, and second hands.\nWe use a basic structure to hold all the elements and ensure proper positioning.\n\n**CSS**:\nWe style the clock's face to be circular using border-radius.\nThe clock hands are positioned at the center of the clock face, and the transform property is used to rotate the hands according to the current time.\nKeyframes are used for smooth animation of the second hand.\n\n**JavaScript**:\n\nThe JavaScript code grabs the current time using the Date() object.\nThe positions of the hour, minute, and second hands are updated based on the current time, ensuring the hands rotate accordingly.\nsetInterval() is used to update the time every second, making the clock interactive.\n\nDemo:\nYou can see a live demo of this Analog Clock in action by visiting the following link https://analog-clock-rho-sooty.vercel.app\n\n\n## Customization:\n\nYou can easily modify the colors, sizes, and style of the clock by editing the CSS.\nYou can adjust the speed of the clock hands or the clock size to suit your needs.\nFeel free to add additional features, such as a digital clock display or custom background.\n\n## Author\n\nMohit Rajak \\\nEmail: contact.mohitrajak022004@gmail.com \\\nLinkedIn : https://www.linkedin.com/in/mohit-rajak/\n\n\n\n## Thank You\n\nThank you for exploring Chat App! Your feedback is valuable. If you have any suggestions or thoughts, feel free to share them with us. 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit-rajak%2Fanalog-clock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohit-rajak%2Fanalog-clock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit-rajak%2Fanalog-clock/lists"}