Product Thumbnail

100 Vibe Coding

From zero to your first project in 100 challenges

Education
Developer Tools
Artificial Intelligence

Learn to build projects fast with 100 vibe coding challenges. Experiment in the sandbox, test your ideas, and share them with friends. Then follow step-by-step tutorials to launch your very first real project.

Top comment

Hey Product Hunt! 👋
We’re a small team of 2, and today we’re launching our side project: 100 Vibe Coding 🚀
This is actually the first side project of Miguel (huge congrats mate! your UI work was awesome!). And for me, I’ve been building side projects since I was 14. Over the years, friends kept asking me the same question: “How do I get started? How can I turn my ideas into something real?


100 Vibe Coding is our attempt to answer that.
It’s built around 3 ideas:


🎯 100 vibe coding challenges to learn by doing and build momentum

🛠 A sandbox to experiment and share instantly

🚀 Step-by-step tutorials that lead you to a ready-to-use prototype

💡 Our take: Anyone can build a side project when the path is simple and the tools are right. Vibe coding is all about rapid prototyping; bringing ideas to life in days, not months. We’re not here to push production best practices. We’re here to remove barriers and help you launch something real fast. By the end, you’ll have a working prototype; and hopefully the spark to keep building.


We’d love to hear from you:
👉 What’s the side project you’ve always wanted to build but never started?


Thanks for checking us out, and if this resonates with you, your support means the world 💜
- Rómulo & Miguel from https://100vibecoding.com

Comment highlights

Cool UI! Looks intriguing. Competitive landscape, but interested in trying this out and seeing how it stacks up.

I love the 100-challenge format 💡✨Have you considered making challenge completions easily shareable (like ‘I just built this in Challenge #7’) to drive organic buzz? Good luck 😺

I love tools that help people grow and learn. Now everyone can access Vibe Coding.

@rogarmu8 @piniass I have nothing to do with coding. So I envy those who do. It's such a cool idea to go to a specific goal through a set of challenges! Congrats on the launch!

This is SO helpful, thank you for creating this. My favorite feature is Cody explaining the code - I'm a product designer with very little experience in coding so it's nice to get an explanation for each line of code (this helps me prompt much better).

Do you plan on only doing html or are you planning on adding javascript at any point?

This looks like a fun way to learn! 🔥 Love the focus on "vibe" - makes coding feel more approachable. Can't wait to check it out! 🚀

This sounds like a fun way to learn! I'm curious, what kind of "vibes" does it focus on? 🎶💻

This looks awesome! I'm curious about the "100 Vibe" aspect – what kind of coding projects or styles does it focus on? 🤔

Side projects are where the best ideas often start, glad you’re making the process less intimidating. Wishing you all the best 👍

Incredible work, Romulo. It’s been such a pleasure working with you on this project 🚀

I’ve learned so much from you and I’m truly grateful for everything you’ve shared with me.

Well done, my friend! 👏

What a great initiative. This will help many future developers. My sincere congratulations.

As someone who wants to learn Vibe Coding, this is such a big help! As a beginner, the scariest part is not having a clear path, and not knowing what to do when bugs appear. Having step-by-step guidance like this makes everything less intimidating. I really love it! @100 Vibe Coding

If this helps people to prompt better – it makes sense (the output will be worthy). Do you also have any community channel?