Javascript 30 ## is a repository that holds 30 mini projects. built with Vanila JS.Completed as part of the WomenWhoCode Days of code challenge I took part in. Completing this projects has helped me to sharpen my front end skills, specifically I dived in deep into JS concepts such as:
- reduce function
- styling components with Javascrip
- Javascript event handling
- Playing with HTML elements like : audio, canvas, video
- Geolocation, speechrecognition and speechsynthtesis
- storing in localstorage
| Day | Description | Live SiteLink |
|---|---|---|
| 1 | JS Drum Stick | Live Demo |
| 2 | JS+CSS Clock | Live Demo |
| 3 | CSS Variables | Live Demo |
| 4 | Array Cardio Day 1 | Live Demo |
| 5 | Flex Panel Gallery | Live Demo |
| 6 | Array Cardio | Live Demo |
| 7 | Array Cardio Day 2 | Live Demo |
| 8 | Fun with HTML5 | Live Demo |
| 9 | Dev Tools Domination | Live Demo |
| 10 | To Do List | Live Demo |
| 11 | Custom Video Player | Live Demo |
| 12 | Key Sequence Detection | Live Demo |
| 13 | Slide In On Scroll | Live Demo |
| 14 | Javascript Reference Vs Copy | Live Demo |
| 15 | Local Storage | Live Demo |
| 16 | Mouse Move Shadow | Live Demo |
| 17 | Sort Without Articles | Live Demo |
| 18 | Adding Up Times with Reduce | Live Demo |
| 19 | JS webCam With RGB effects | Live Demo |
| 20 | Speech To text without external API | Live Demo |
| 21 | JS Geolocation | Live Demo |
| 22 | Follow Up Nav and highlight | Live Demo |
| 23 | Text to speech | Live Demo |
| 24 | Sticky Navbar with sliding logo | Live Demo |
| 25 | Event capture,bubbling and propagation | Live Demo |
| 26 | Strip follow along Nav | Live Demo |
| 27 | Click and Drag Horizontal Slider | Live Demo |
| 28 | Video Speed Controller | Live Demo |
| 29 | Count Down Timer | Live Demo |
| 30 | Whack A Mole | Live Demo |