{"id":25477237,"url":"https://github.com/jjacoboflorez95/clock_stopwatch_black","last_synced_at":"2025-11-06T03:30:30.764Z","repository":{"id":276516463,"uuid":"919452659","full_name":"jjacoboflorez95/clock_stopwatch_black","owner":"jjacoboflorez95","description":"A simple digital clock and stopwatch application built for a college assignment, focusing on core JavaScript functionality.","archived":false,"fork":false,"pushed_at":"2025-02-17T16:46:17.000Z","size":1093,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T17:39:26.557Z","etag":null,"topics":["clock","college-project","interactive-ui","javascript","stopwatch","web-development"],"latest_commit_sha":null,"homepage":"https://clock-stopwatch-black.vercel.app","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/jjacoboflorez95.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-20T12:18:37.000Z","updated_at":"2025-02-17T16:46:20.000Z","dependencies_parsed_at":"2025-02-08T19:20:23.194Z","dependency_job_id":"53eaa089-3c6c-4969-be03-b6145f3bd83b","html_url":"https://github.com/jjacoboflorez95/clock_stopwatch_black","commit_stats":null,"previous_names":["jjacoboflorez95/clock_stopwatch_black"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jjacoboflorez95%2Fclock_stopwatch_black","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jjacoboflorez95%2Fclock_stopwatch_black/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jjacoboflorez95%2Fclock_stopwatch_black/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jjacoboflorez95%2Fclock_stopwatch_black/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jjacoboflorez95","download_url":"https://codeload.github.com/jjacoboflorez95/clock_stopwatch_black/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239481448,"owners_count":19646042,"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":["clock","college-project","interactive-ui","javascript","stopwatch","web-development"],"created_at":"2025-02-18T13:38:18.106Z","updated_at":"2025-11-06T03:30:30.716Z","avatar_url":"https://github.com/jjacoboflorez95.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### ⏰ Clock \u0026 Stopwatch\n\n## 📌 Project Overview  \nThis project is a **digital clock and stopwatch application** that displays the current time in a **12-hour format with AM/PM** while also providing a stopwatch feature. Users can **start, stop, and reset** the stopwatch using interactive buttons.  \n\nIt was developed as part of a **college assignment** to enhance JavaScript skills in **time-based functions** and DOM manipulation.\n\n---\n\n## 🌍 Live Demo\n\n⏰ **Try it out here**: [Clock \u0026 Stopwatch Live Demo](https://clock-stopwatch-black.vercel.app)\n\n---\n\n## 🚀 Features  \n💲 **Live Digital Clock**: Displays hours, minutes, and seconds in real time.  \n🔄 **Auto Update**: The clock updates every second.  \n🌙 **12-Hour Format with AM/PM**: Adjusts based on the time of day.  \n🗓 **Stopwatch Functionality**: Users can **start, stop, and reset** a stopwatch.  \n🎨 **Styled UI**: Includes a clean and modern design with CSS.  \n📲 **Responsive Layout**: Works on different screen sizes.  \n\n---\n\n## 📌 Project Purpose  \n\nThis project demonstrates:\n\n- **JavaScript Time Functions**: Utilizing setInterval for real-time updates and time-based logic.  \n- **DOM Manipulation**: Managing real-time UI updates for the clock and stopwatch.  \n- **User Interaction \u0026 Event Handling**: Implementing button controls for stopwatch functionality.  \n- **CSS Styling \u0026 Responsive Design**: Ensuring visual appeal and accessibility across devices.  \n- **Practical Implementation of ES6+ Concepts**: Using modern JavaScript features like template literals and event listeners.\n\n---\n\n## 👤 Project Structure  \n\n📚 clock_stopwatch\n ├── 📚 imgs/               # Image assets\n ├── 📄 clock.css          # Styling for the clock and stopwatch\n ├── 📄 clock.js           # JavaScript logic for the clock and stopwatch\n ├── 📄 library_event.js   # JavaScript event management library\n ├── 📄 index.html         # Main HTML file for the application\n\n---\n\n## 🛠 Technologies Used  \n\n- **🌐 HTML5**: Structure of the application.  \n- **🎨 CSS3**: Styling and layout.  \n- **📚 JavaScript (ES6+)**: Handles real-time clock updates and stopwatch functionality.  \n\n---\n\n## 📌 Prerequisites  \n\nTo run the project, ensure you have:  \n- A modern web browser (**Chrome, Firefox, Edge, etc.**).  \n\n---\n\n## 🏃‍♂️ How to Use  \n\n1️⃣ Open index.html in a web browser.  \n2️⃣ The clock will start displaying and updating the current time automatically.  \n3️⃣ To use the **stopwatch**:  \n   - Click **Start** to begin the timer.  \n   - Click **Stop** to pause it.  \n   - Click **Reset** to clear the timer.  \n\n---\n\n## 🎭 Screenshots  \n\n| Clock Stopwatch |  \n|--------------|  \n| ![Clock Stopwatch](img/github/clock_stopwatch_black.png) |  \n\n---\n\n## 📝 License  \n\nThis project was developed for **educational purposes** as part of a college assignment.\n\n---\n\n## 💼 Author\n\n👤 **Juan Jacobo Florez Monroy**  \n🌐 **Portfolio**: [jjacobo95.com](https://jjacobo95.com)  \n🐙 **GitHub**: [github.com/jjacoboflorez95](https://github.com/jjacoboflorez95)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjjacoboflorez95%2Fclock_stopwatch_black","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjjacoboflorez95%2Fclock_stopwatch_black","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjjacoboflorez95%2Fclock_stopwatch_black/lists"}