DEV Community

Cover image for I built a game where every word you type blooms into a flower 🌸 (Vanilla JS, no frameworks)
DAVID MPANGALA
DAVID MPANGALA

Posted on

I built a game where every word you type blooms into a flower 🌸 (Vanilla JS, no frameworks)

🌸 I built something I've never seen before — and I think you'll love it.

Introducing MindBloom — a word garden game where you TYPE WORDS and they BLOOM INTO FLOWERS. 🌺

The longer and more creative your word → the bigger and more beautiful the flower.

✨ Type "sun" → tiny sprout
✨ Type "butterfly" → massive blossom
✨ Type "extraordinary" → giant masterpiece 🌟

And yes — there's a 2-Player mode where you take turns and compete to grow the most beautiful garden!

🎮 Perfect for:
→ A 2-minute brain break at work
→ Kids building vocabulary in a fun way
→ Challenging a friend or colleague
→ Just relaxing and watching flowers grow

Built entirely with vanilla HTML, CSS & JavaScript — no frameworks, no libraries. Just pure creative coding.

What I learned building this:
💡 SVG procedural generation — every flower is uniquely drawn based on your word
💡 Web Audio API — musical tones that scale with word length
💡 HTML5 Canvas — for the animated sky, sun and clouds
💡 Responsive design — works perfectly on mobile, tablet and desktop

🌐 Play it live → https://david-del-pix.github.io/mindbloom/
⭐ Star the repo → https://github.com/David-del-pix/mindbloom

I'd love to know — what's the longest word you can grow? Drop it in the comments 👇

And if you know anyone who's hiring Software Engineers or Full-Stack Developers — I'm actively open to opportunities in India and internationally! 🌍

📧 mapangaladavid@gmail.com
📞 +91 9629585580

buildinpublic #javascript #webdev #gamedev #OpenToWork #SoftwareEngineer #FullStackDeveloper #HTML #CSS #CreativeCoding #FreshGraduate #HiringAlert #MindBloom #wordgame #100DaysOfCode

Top comments (1)

Collapse
 
david_mpangala_3c745c00b7 profile image
DAVID MPANGALA

Enjoy a creative Mindbloom game 😇