Participating in and completing 30 day Vanilla JS challenge (#JavaScript30) by WesBos.
- ๐ฅ JS Drum Kit
- ๐ JS and CSS Clock
- ๐ผ CSS Variables
- ๐บ๐ป Array Cardio Day 1
- ๐ช๐ป Flex Panel Gallery
- โจ Type Ahead
- ๐๐ป Array Cardio Day 2
- ๐ Fun with HTML5 Canvas
- ๐ Dev Tools Domination
- โ Hold Shift and Check Checkboxes
- ๐ฝ Custom Video Player
- ๐ Key Sequence Detection
- ๐ค๐ป Slide in on Scroll
- ๐ JavaScript References vs Copying
- ๐ช LocalStorage
- ๐ Mouse Move Shadow
- ๐ Sort Without Articles
- โ Adding Up Times with Reduce
- ๐ท Webcam Fun
- ๐ฃ Speech Detection
- ๐ Geolocation
- ๐ Follow Along Link Highlighter
- ๐ฌ Speech Synthesis
- ๐ก Sticky Nav
- ๐ญ Event Capture, Propogation, Bubbling and Once
- ๐๐ปโโ๏ธ Stripe Follow Along Nav
- ๐ Click and Drag
- ๐น Video Speed Controller
- โฑ Countdown Timer
- ๐ฎ Whack A Mole
I have mentioned below the add-ons I added in some of the JavaScript30 projects for fun.
-
โจ * - All projects
Updated design of all projects because designing is therapeutic.
-
๐ฅ #1 - JS Drum Kit
Added touch & click event handling on keys
-
๐ #2 - JS and CSS Clock
Changed size of clock hands & added a pivot in center
-
๐ผ #3 - CSS Variables
Added border-radius controller
-
๐ฝ #11 - Custom Video Player
Added FullScreen button
-
๐ #12 - Key Sequence Detection
Added confetti options
-
๐ช #15 - LocalStorage
Added Check All, Uncheck All, Delete All buttons.
-
๐ท #19 - Webcam fun
Added mirror image for video.
-
๐ฎ #30 - Whack A Mole
Notify user about game over.