TUTO 25: I Built a Project Idea Board in JavaScript! (FreeCodeCamp Challenge)
Welcome to TUTO 25 of my JavaScript lab series! In this episode, we build a Project Idea Board — a Trello-style app that tracks your project ideas and their statuses using vanilla JavaScript.
This tutorial is part of my journey to become a fullstack developer by completing every single FreeCodeCamp JavaScript challenge — no shortcuts, no AI, just learning by doing. If you're on a similar path, this one’s for you.
📺 Watch the Full JavaScript Playlist Here
👉 • Build Real JavaScript Projects (FreeCodeCa...
🧠 What You’ll Learn:
How to use object constants for status control
How to structure your app using JavaScript classes
How to add, delete, count, and update project ideas dynamically
Clean coding practices using methods like .trim(), indexOf(), and formatString()
🔧 Key Features of the App:
✅ Add new project ideas
✅ Assign project status (pending, success, failure)
✅ Remove projects from the board (onBin)
✅ Count the total number of active ideas
✅ Format your ideas with readable string output
This app gives you hands-on experience with object-oriented programming, data management, and DOM manipulation — all using vanilla JavaScript.
💡 Real Inspiration:
We kick off with the story of Reshma Saujani, the founder of Girls Who Code, who reminds us:
"You don’t need to be perfect. You just need to be brave enough to start."
She went from losing a congressional race to inspiring over 500,000 girls to learn coding. Let this video be your starting point.
👇 Join the Journey:
If you're learning to code and want to build real projects one line at a time:
👍 Like the video
🔔 Subscribe to the channel
💬 Drop a comment with your next project idea!
#JavaScript #ProjectBoard #FreeCodeCamp #LearnToCode #FullStackJourney #CodingChallenge #AlainDev #VanillaJS #TrelloClone