DEV Community

Cover image for I vibe-coded a tiny shared garden for the internet
vishwa
vishwa

Posted on

I vibe-coded a tiny shared garden for the internet

I wanted to make a tiny corner of the internet that people could just stumble across and leave something behind.

So I made Little Garden.

You can draw your own flower, write a little message, and plant it in a shared garden.
Other people can visit later and see the flowers that have been planted.

How it works

  1. Draw a flower.
  2. Pick a color.
  3. Write a little message.
  4. Plant it.
  5. Your flower appears in the shared garden.

The garden updates in real time, so flowers planted by other people can appear too.

What I used

  • React
  • TypeScript
  • Supabase
  • CSS
  • Canvas for drawing

And yes, I vibe-coded a lot of it.

The most unexpectedly difficult part was getting the flowers to look naturally placed inside the garden without overlapping or flying outside of it.
I also wanted the whole thing to feel less like a traditional web app and more like a tiny little place on the internet.

Try planting one:

https://little-flowers.vercel.app/

If you plant one, leave something lovely behind.

Top comments (0)