🌱 Leafy

A tiny virtual plant you take care of, one day at a time. Water it once a day to watch it grow from a seed into a blooming flower, and keep your streak alive.

Built with React + Vite.

Running it locally

npm install
npm run dev

Then open the local URL Vite prints (usually http://localhost:5173).

How it works

• Tap Water me once per day to grow your plant.
• Growth has four stages: Seed → Sprout → Sapling → Blooming, based on how many times you've watered it.
• Watering on consecutive days builds your streak; miss a day and it resets.
• Progress is saved in your browser via localStorage, so it's still there when you come back tomorrow.

Project structure

src/
  App.jsx              # state: water count, streak, persistence
  App.css              # styling + animations
  components/
    Plant.jsx           # the SVG plant illustration, changes per stage
  index.css             # global resets
  main.jsx              # React entry point