{"id":27302418,"url":"https://github.com/brunortech/stopwatch","last_synced_at":"2025-08-08T02:18:27.160Z","repository":{"id":253013195,"uuid":"842164217","full_name":"BrunoRTech/Stopwatch","owner":"BrunoRTech","description":"A responsive stopwatch application created with HTML, CSS, and JavaScript, based on a guide by Coddy.tech. Features a clean and minimalistic design, intuitive controls, and real-time time tracking for a seamless user experience.","archived":false,"fork":false,"pushed_at":"2024-12-25T02:39:32.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T02:39:20.962Z","etag":null,"topics":["beginner-project","css","frontend","html","interactive-ui","javascript","javascript-project","minimalist-ui","open-source","responsive-design","stopwatch","time-tracking","timer","vanilla-javascript","web-development"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/BrunoRTech.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,"zenodo":null}},"created_at":"2024-08-13T19:57:14.000Z","updated_at":"2024-12-25T02:40:12.000Z","dependencies_parsed_at":"2024-12-24T22:25:06.712Z","dependency_job_id":"df8dfe61-db85-4deb-9df8-a3632cbe35af","html_url":"https://github.com/BrunoRTech/Stopwatch","commit_stats":null,"previous_names":["bruneros8/stopwatch","brunortech/stopwatch"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BrunoRTech/Stopwatch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FStopwatch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FStopwatch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FStopwatch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FStopwatch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrunoRTech","download_url":"https://codeload.github.com/BrunoRTech/Stopwatch/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FStopwatch/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269351981,"owners_count":24402694,"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","status":"online","status_checked_at":"2025-08-08T02:00:09.200Z","response_time":72,"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":["beginner-project","css","frontend","html","interactive-ui","javascript","javascript-project","minimalist-ui","open-source","responsive-design","stopwatch","time-tracking","timer","vanilla-javascript","web-development"],"created_at":"2025-04-12T02:39:17.055Z","updated_at":"2025-08-08T02:18:27.137Z","avatar_url":"https://github.com/BrunoRTech.png","language":"JavaScript","readme":"# Stopwatch\n\nThis is a simple, responsive stopwatch application built with **HTML**, **CSS**, and **JavaScript**, created using the guide provided by [Coddy.tech](https://coddy.tech/courses/stopwatch__htmlcssjs_project). It allows users to easily start, stop, and reset time and features a clean and minimal user interface.\n\n## Features\n- **Start, Stop, and Reset**: Easily control the stopwatch with intuitive buttons.\n- **Responsive Design**: The layout adjusts to different screen sizes.\n- **Simple UI**: Minimalistic design with a contrasting color scheme.\n- **Real-Time Updates**: The stopwatch time updates every second.\n\n## File Structure\n- **index.html**: Contains the structure of the stopwatch application.\n- **styles.css**: Defines the visual styling, including colors, layout, and button styles.\n- **script.js**: Implements the functionality, including the stopwatch logic and button actions.\n\n## Code Explanation\n- **HTML**: Sets up the stopwatch display and the start/stop and reset buttons.\n- **JavaScript**: Uses intervals and time calculations to run the stopwatch. Functions like `updateStopwatch` manage real-time updates.\n- **CSS**: Centers the content on the screen and styles the stopwatch display and buttons for a clean look.\n\n## Usage\nTo use the stopwatch:\n1. Download or clone the repository.\n2. Open `index.html` in a web browser to view the stopwatch.\n3. Click \"Start\" to begin timing, \"Stop\" to pause, and \"Reset\" to clear the timer.\n\n## Changing the Background Color\nIf you'd like to customize the background color:\n1. Open `styles.css`.\n2. Modify the `background` property in the `body` selector (line 4).\n\n## Acknowledgment\nThis project was built using the guide provided by Coddy.tech. The original project can be found [here](https://coddy.tech/courses/stopwatch__htmlcssjs_project).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fstopwatch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunortech%2Fstopwatch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fstopwatch/lists"}