{"id":18859535,"url":"https://github.com/vishwas567917/digital-clock","last_synced_at":"2026-02-08T14:30:15.665Z","repository":{"id":239152568,"uuid":"798674696","full_name":"Vishwas567917/Digital-Clock","owner":"Vishwas567917","description":"Digital Clock is a simple project built with HTML, CSS, and JavaScript. It displays the current time with digital styling and can update in real-time. Ideal for learning DOM manipulation and basic animation techniques.","archived":false,"fork":false,"pushed_at":"2024-05-10T09:01:01.000Z","size":4,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-30T20:14:46.229Z","etag":null,"topics":["circular-clock","correct-timing","html-css-javascript","svg-animations","unique"],"latest_commit_sha":null,"homepage":"","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/Vishwas567917.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":"2024-05-10T08:55:54.000Z","updated_at":"2024-08-16T06:44:23.000Z","dependencies_parsed_at":"2024-05-10T11:24:28.471Z","dependency_job_id":"cd95ae7f-a55b-45ba-8fd3-6b577aba910d","html_url":"https://github.com/Vishwas567917/Digital-Clock","commit_stats":null,"previous_names":["vishwas567917/digital-clock"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishwas567917%2FDigital-Clock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishwas567917%2FDigital-Clock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishwas567917%2FDigital-Clock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishwas567917%2FDigital-Clock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vishwas567917","download_url":"https://codeload.github.com/Vishwas567917/Digital-Clock/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239800488,"owners_count":19699127,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["circular-clock","correct-timing","html-css-javascript","svg-animations","unique"],"created_at":"2024-11-08T04:18:22.029Z","updated_at":"2026-02-08T14:30:15.576Z","avatar_url":"https://github.com/Vishwas567917.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Circular Clock\n\n**Circular Clock** is a stylish web-based clock that visually represents the current time with a unique circular design. This clock uses SVG and JavaScript to create a dynamic and attractive display that updates every second to show the current hours, minutes, and seconds. \n\n## Features\n\n- **Dynamic Time Display**: Updates every second to reflect the current time.\n- **Circular Design**: Uses SVG circles and animations to represent hours, minutes, and seconds.\n- **AM/PM Indicator**: Displays AM/PM based on the 12-hour format.\n- **Visual Indicators**: Dot markers and rotating hands for visual time representation.\n- **Responsive Design**: Adapts to different screen sizes and devices.\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n1. **Clone the Repository**: Clone or download this repository to your local environment.\n2. **Open the HTML File**: Open the `index.html` file in a web browser.\n3. **Observe the Clock**: The clock should automatically start displaying the current time.\n\n### Clone the Repository\n\n```bash\ngit clone https://github.com/your-username/your-repo.git\n\nOpen the HTML File\n1. Navigate to the cloned repository.\n2.Open the index.html file in a web browser to view the clock.\n\nUsage\n1. Check the Time: The clock will display the current time with hour, minute, and second indicators.\n2. AM/PM Indicator: The clock automatically switches between AM and PM based on the 12-hour format.\n\nContribution\nContributions are welcome! If you'd like to contribute, please follow these steps:\n\n1. Fork the Repository: Click the \"Fork\" button on GitHub to create your own copy of the repository.\n2. Create a Branch: Create a new branch for your feature or bug fix.\n3. Commit Your Changes: Make your changes and commit them to your branch.\n4. Open a Pull Request: Once your changes are ready, open a pull request with a detailed description of your changes.\n\nAcknowledgments\nThanks to the creators of Font Awesome for the icons used in this project and to the Poppins font from Google Fonts for providing the stylish typography.\n\n\nThis README template provides an overview of the project, installation instructions, usage details, contribution guidelines, and other useful information to help users and contributors understand and work with your code. Adjust it as needed to reflect your repository's specific requirements and context.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwas567917%2Fdigital-clock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvishwas567917%2Fdigital-clock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwas567917%2Fdigital-clock/lists"}