Check out my portfolio for all projects and information: My Portfolio

JavaScript30 is a collection of 30 coding challenges designed to improve your understanding and skills in vanilla JavaScript. These challenges cover a variety of topics, from DOM manipulation to asynchronous JavaScript.

• Project:Drum Kit
• Description: Created a drum kit that plays sounds when keys are pressed.
• Demo:Live Demo

• Project:CSS + JS Clock
• Description: Created a analog clock.
• Demo:Live Demo

• Project:Playing with CSS and JS
• Description: Created a mini project using CSS Variable.
• Demo:Live Demo

• Project:Cardio with Array - Part 1
• Description: Played with some methods like filter, reduce, map and sort on array.

• Project:Image Gallery using Flex Panel
• Description: Created a Image Gallery using Flex.
• • Demo:Live Demo

• Project:Type Ahead
• Description: Created a search panel for cities and states.
• Demo:Live Demo

• Project:Cardio with Array - Part 2
• Description: Played with some methods like some(), every(), find(), findIndex() on array.

• Project:Fun with HTML5 Canvas
• Description: Created a canvas to write on!
• Demo:Live Demo

• Project:Dev Tools Domination
• Description: Learnt about some fun dev tools tricks.
• Demo:Live Demo

• Project:Hold Shift to Check Multiple Checkboxes
• Description: created a small list where multiple checkboxes are check holding a shift key.
• Demo:Live Demo

• Project:Custom Video Player
• Description: Created a custom video player with all the video player features.
• Demo:Live Demo

• Project:Key Sequence Detection
• Description: Detection a key sequence and adding a cornify image on the page.
• Demo:Live Demo

• Project:Slide in on Scroll
• Description: Image slides on the screen when we scroll half way through the image.
• Demo:Live Demo

• Project:Objects & Arrays - Referenc
• Description: Learnt about Objects and Arrays - Reference VS Copy.

• Project:LocalStorage
• Description: Created a feature of adding items to the list which can be checked or unchecked. Data is stored in LocalStorage.
• Demo:Live Demo

• Project:Text Shadow Effect
• Description: Mouse Move Text shadow effect.
• Demo:Live Demo

• Wes Bos for creating the JavaScript30 course.

Feel free to reach out if you have any questions or just want to connect!

• LinkedIn
• Portfolio

Happy coding! 🚀