Tutorial 15: Build an Icon Toggler App with JavaScript in 30 Minutes (FreeCodeCamp Challenge)
❤️ In this video, I build a Favorite Icon Toggler App using JavaScript — all in under 30 minutes! This is Tutorial 15 in my FreeCodeCamp JavaScript series as I document my journey to becoming a full-stack developer.
💡 What You’ll Learn:
How to toggle heart icons using click events
Add and remove classes with classList.toggle()
Use the ternary operator to swap icon symbols
Work with DOM elements using querySelectorAll()
Build interactive features without external libraries
⚙️ This project is a great hands-on example of using JavaScript to create dynamic, user-interactive UI components — perfect for beginners learning DOM manipulation!
💬 Stuck on the class toggle logic or have tips? Drop a comment below — I’m learning too, and we grow faster together!
🔗 Watch the full FreeCodeCamp Series: • Build Real JavaScript Projects (FreeCodeCa...
GitHub: https://github.com/NKWILI
LinkedIn: / alain-ngongang-0b57ab19a
#JavaScript #IconToggler #FreeCodeCamp #FrontendDev #CodingChallenge #DOMEvents #WebDev #LearnJavaScript