This is a directory of mini projects built with vanilla javascript. I felt I wasn't investing sufficient knowledge and time to this awesome programming language, and hence decided to build smaller projects.
Aim:
- to improve my js skills 💪
- to retain my knowledge 😄
- to learn something new if possible!🆕
It is a personal challenge of mine to complete 10 projects in this directory for now! 👍
Codes available in the repo or on codepen (links provided below)
| No: | Name of Project | Short Description | Js dom, functions, methods, objects used |
|---|---|---|---|
| 1 | Dynamic Progress Bar | Enter percentage and see the progress bar work! | addEventListenter('change',func)setTimeOut |
| 2 | Mifi Game | Help Mifi 🐰 avoid the cactus!🌵 | addEventListener('keyup',func)setIntervalclearIntervalsetTimeOut |
| 3 | New Year Countdown | I just want 2020 to end! 😩 | DatesetInterval |
| 4 | Form Validation [NC] | Validating a form on the client side using Js | |
| 5 | Jin's Jokes | Tribute to our beloved Jin and his ajhussi jokes! 😄 | asyncawaitfetch |
| 6 | Weight Convertor | Convert different units of weight.🏋️ | dom |
| 7 | Team 7 List | A filterable list to search members! | indexOfaddEventListener('keyup',func) |
| 8 | Shopping List | A simple list to add and delete items!🛒 | dom |
| 9 | DrumKit | Play the drums!🥁 | |
| 10 | Ghibli Films website | Used the simple Ghibli API to display the movie names of the studio and their descriptions!🎥 | fetchforEach |
| 11 | Taylor's quotes! | Used the taylor rest api to generate some iconic Taylor Swift's quotes:heart:! | fetch |