{"id":21506773,"url":"https://github.com/gupta-ji6/javascript30","last_synced_at":"2025-07-16T01:33:43.932Z","repository":{"id":43480471,"uuid":"225676072","full_name":"gupta-ji6/JavaScript30","owner":"gupta-ji6","description":"Repo for managing JavaScript30 challenge by @wesbos, with some add-ons to challenges.","archived":false,"fork":false,"pushed_at":"2023-03-02T08:56:18.000Z","size":4203,"stargazers_count":17,"open_issues_count":8,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-03-04T09:17:59.843Z","etag":null,"topics":["hacktoberfest","javascript","javascript30","vanilla-javascript","wesbos"],"latest_commit_sha":null,"homepage":"https://javascript30.ayushgupta.tech/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gupta-ji6.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-12-03T17:16:59.000Z","updated_at":"2023-03-04T09:17:59.844Z","dependencies_parsed_at":"2023-02-05T01:31:33.311Z","dependency_job_id":null,"html_url":"https://github.com/gupta-ji6/JavaScript30","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gupta-ji6%2FJavaScript30","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gupta-ji6%2FJavaScript30/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gupta-ji6%2FJavaScript30/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gupta-ji6%2FJavaScript30/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gupta-ji6","download_url":"https://codeload.github.com/gupta-ji6/JavaScript30/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226090709,"owners_count":17572117,"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":["hacktoberfest","javascript","javascript30","vanilla-javascript","wesbos"],"created_at":"2024-11-23T19:47:33.083Z","updated_at":"2024-11-23T19:47:33.926Z","avatar_url":"https://github.com/gupta-ji6.png","language":"HTML","readme":"# JavaScript 30 Challenge by WesBos\n\nParticipating in and completing 30 day [Vanilla JS challenge (#JavaScript30)](https://javascript30.com/) by [WesBos](https://wesbos.com/).\n\n## Todo Challenges\n\n- [x] 🥁 [JS Drum Kit](https://javascript30.ayushgupta.tech/01-JS-Drum-Kit/index.html)\n- [x] 🕒 [JS and CSS Clock](https://javascript30.ayushgupta.tech/02-JS-CSS-Clock/index.html)\n- [x] 🖼 [CSS Variables](https://javascript30.ayushgupta.tech/03-CSS-Variables/index.html)\n- [x] 🕺🏻 [Array Cardio Day 1](https://javascript30.ayushgupta.tech/04-Array-Cardio-1/index.html)\n- [x] 💪🏻 [Flex Panel Gallery](https://javascript30.ayushgupta.tech/04-Array-Cardio-1/index.html)\n- [x] ⌨ [Type Ahead](https://javascript30.ayushgupta.tech/06-Type-Ahead/index.html)\n- [x] 💃🏻 [Array Cardio Day 2](https://javascript30.ayushgupta.tech/07-Array-Cardio-2/index.html)\n- [x] 🌈 [Fun with HTML5 Canvas](https://javascript30.ayushgupta.tech/08-HTML5-Canvas/index.html)\n- [x] 🛠 [Dev Tools Domination](https://javascript30.ayushgupta.tech/09-Dev-Tools/index.html)\n- [x] ✔ [Hold Shift and Check Checkboxes](https://javascript30.ayushgupta.tech/10-Multiple-Check-Shift/index.html)\n- [x] 📽 [Custom Video Player](https://javascript30.ayushgupta.tech/11-Custom-Video-Player/index.html)\n- [x] 🎊 [Key Sequence Detection](https://javascript30.ayushgupta.tech/12-Key-Sequence-Detection/index.html)\n- [x] 🤜🏻 [Slide in on Scroll](https://javascript30.ayushgupta.tech/13-Slide-In-On-Scroll/index.html)\n- [x] 📋 [JavaScript References vs Copying](https://javascript30.ayushgupta.tech/14-JS-Reference-Vs-Copy/index.html)\n- [x] 🏪 [LocalStorage](https://javascript30.ayushgupta.tech/15-Localstorage/index.html)\n- [x] 🐁 [Mouse Move Shadow](https://javascript30.ayushgupta.tech/16-Mousemove-Shadow/index.html)\n- [x] 🗃 [Sort Without Articles](https://javascript30.ayushgupta.tech/17-Sort-Without-Articles/index.html)\n- [x] ➕ [Adding Up Times with Reduce](https://javascript30.ayushgupta.tech/18-Add-Time-With-Reduce/index.html)\n- [x] 📷 [Webcam Fun](https://javascript30.ayushgupta.tech/19-Webcam-Fun/index.html)\n- [x] 🗣 [Speech Detection](https://javascript30.ayushgupta.tech/20-Speech-Recognition/index.html)\n- [x] 📌 [Geolocation](https://javascript30.ayushgupta.tech/21-Geolocation/index.html)\n- [x] 🔗 [Follow Along Link Highlighter](https://javascript30.ayushgupta.tech/22-Follow-Along-Link/index.html)\n- [x] 💬 [Speech Synthesis](https://javascript30.ayushgupta.tech/23-Speech-Synthesis/index.html)\n- [x] 🍡 [Sticky Nav](https://javascript30.ayushgupta.tech/24-Sticky-Nav/index.html)\n- [x] 💭 [Event Capture, Propogation, Bubbling and Once](https://javascript30.ayushgupta.tech/25-EventCapture-Propogation-Bubbling/index.html)\n- [x] 🏃🏻‍♂️ [Stripe Follow Along Nav](https://javascript30.ayushgupta.tech/26-Stripe-Nav/index.html)\n- [x] 🎚 [Click and Drag](https://javascript30.ayushgupta.tech/27-Click-Drag-Scroll/index.html)\n- [x] 📹 [Video Speed Controller](https://javascript30.ayushgupta.tech/28-Video-Speed-Controller/index.html)\n- [x] ⏱ [Countdown Timer](https://javascript30.ayushgupta.tech/29-Countdown-Timer/index.html)\n- [x] 🎮 [Whack A Mole](https://javascript30.ayushgupta.tech/30-Whack-A-Mole/index.html)\n\n## Add-Ons\n\nI have mentioned below the add-ons I added in some of the JavaScript30 projects for fun.\n\n- ✨ * - All projects\n\n  Updated design of all projects because designing is therapeutic.\n\n- 🥁 #1 - JS Drum Kit\n\n  Added touch \u0026 click event handling on keys\n\n- 🕒 #2 - JS and CSS Clock\n\n  Changed size of clock hands \u0026 added a pivot in center\n\n- 🖼 #3 - CSS Variables\n\n  Added border-radius controller\n\n- 📽 #11 - Custom Video Player\n\n  Added FullScreen button\n\n- 🎊 #12 - Key Sequence Detection\n\n  Added confetti options\n\n- 🏪 #15 - LocalStorage\n\n  Added Check All, Uncheck All, Delete All buttons.\n\n- 📷 #19 - Webcam fun\n\n  Added mirror image for video.\n\n- 🎮 #30 - Whack A Mole\n\n  Notify user about game over.","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgupta-ji6%2Fjavascript30","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgupta-ji6%2Fjavascript30","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgupta-ji6%2Fjavascript30/lists"}