{"id":30687673,"url":"https://github.com/ahmed-maher77/depi-countdown-timer","last_synced_at":"2026-05-16T01:33:59.719Z","repository":{"id":311068905,"uuid":"1042352906","full_name":"Ahmed-Maher77/Depi-Countdown-Timer","owner":"Ahmed-Maher77","description":"A sleek, responsive countdown timer for upcoming events with glassmorphism UI, live updates, and completion alerts.","archived":false,"fork":false,"pushed_at":"2025-08-21T22:55:16.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-02T00:08:00.969Z","etag":null,"topics":["bootstrap","countdown","countdown-timer","css-animations","depi","front-end-development","html-css-javascript","javascript","responsive-design","web-development","website"],"latest_commit_sha":null,"homepage":"https://ahmed-maher77.github.io/Depi-Countdown-Timer/","language":"HTML","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/Ahmed-Maher77.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":"2025-08-21T22:07:40.000Z","updated_at":"2025-08-21T22:55:19.000Z","dependencies_parsed_at":"2025-08-22T00:39:07.142Z","dependency_job_id":null,"html_url":"https://github.com/Ahmed-Maher77/Depi-Countdown-Timer","commit_stats":null,"previous_names":["ahmed-maher77/depi-countdown-timer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ahmed-Maher77/Depi-Countdown-Timer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FDepi-Countdown-Timer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FDepi-Countdown-Timer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FDepi-Countdown-Timer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FDepi-Countdown-Timer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ahmed-Maher77","download_url":"https://codeload.github.com/Ahmed-Maher77/Depi-Countdown-Timer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FDepi-Countdown-Timer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33087028,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["bootstrap","countdown","countdown-timer","css-animations","depi","front-end-development","html-css-javascript","javascript","responsive-design","web-development","website"],"created_at":"2025-09-02T00:04:53.625Z","updated_at":"2026-05-16T01:33:59.704Z","avatar_url":"https://github.com/Ahmed-Maher77.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DEPI Countdown Timer\n\nA sleek, responsive countdown timer for upcoming events with glassmorphism UI, live updates, and completion alerts.\n\n---\n\n## 📄 Project Description\nDEPI Countdown is a modern web app that displays real‑time countdowns to target dates. It features a glassmorphism interface, animated geometric backgrounds, Bootstrap 5 responsiveness, and a professional UX with accessible, semantic HTML.\n\n---\n\n## 💻 Used Technologies\n- **HTML5**, **CSS3**, **JavaScript (ES6+)**\n- **Bootstrap 5.3.3**\n- CSS Grid, Flexbox, CSS Custom Properties, `backdrop-filter`\n- Browser APIs: DOM, `setInterval`\n- Design System: custom color palette via CSS variables\n\n---\n\n## 🌐 Demo (Live Preview)\n- **Live:** [https://ahmed-maher77.github.io/Depi-Countdown-Timer/](https://ahmed-maher77.github.io/Depi-Countdown-Timer)\n\n---\n\n## ✨ Key Features\n- **Real‑time countdown** with HH:MM:SS updates\n- **Event info display** (date \u0026 time)\n- **Glassmorphism UI** with animated geometric shapes\n- **Responsive** mobile‑first layout (Bootstrap 5)\n- **Completion modal** alerts when countdown ends\n- **Accessible**: ARIA labels \u0026 semantic structure\n- **Cross‑browser** fallbacks for modern CSS\n\n---\n\n## 🎥 Demo Video (Watch on LinkedIn)\n- **LinkedIn Post:** [coming soon]()\n\n---\n\n## 👀 Website Preview\n\u003ca href=\"https://ahmed-maher77.github.io/Depi-Countdown-Timer/\" title=\"demo\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/9e578d48-bfac-4291-8940-a944b3e2bfd4\" alt=\"website preview - UI Mockup\" width=\"400\"\u003e\n\u003c/a\u003e\n\n---\n\n## 📥 Installation (Local Setup)\n\n```bash\n# 1) Clone\ngit clone https://github.com/Ahmed-Maher77/Depi-Countdown-Timer.git\ncd Depi-Countdown-Timer\n\n# 2) Run locally\nOpen index.html directly in the browser\n\n# 4) Configure target date\nEdit: /js/main.js → set target event date/time\n```\n\n---\n\n## 📬 Contact \u0026 Contribution\n- 🧑‍💻 **Portfolio:** \u003ca href=\"https://ahmedmaher-portfolio.vercel.app/\" title=\"See My Portfolio\"\u003ehttps://ahmedmaher-portfolio.vercel.app/\u003c/a\u003e\n- 🔗 **LinkedIn:** \u003ca href=\"https://www.linkedin.com/in/ahmed-maher-algohary\" title=\"Contact via LinkedIn\"\u003ehttps://www.linkedin.com/in/ahmed-maher-algohary\u003c/a\u003e\n- 📧 **Email:** \u003ca href=\"mailto:ahmedmaher.dev1@gmail.com\" title=\"Contact via Email\"\u003eahmedmaher.dev1@gmail.com\u003c/a\u003e\n\n\u003e Contributions, suggestions, and bug reports are welcome. Feel free to open issues or pull requests.\n\n---\n\n## ⭐ Support\n\nIf you found this project helpful or inspiring, please consider giving it a ⭐. Your support helps me grow and share more open-source projects like this!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmed-maher77%2Fdepi-countdown-timer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmed-maher77%2Fdepi-countdown-timer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmed-maher77%2Fdepi-countdown-timer/lists"}