PlantDreamer

See a plant. Know its story. Watch it thrive.

Comment

Inspiration

PlantDreamer was born from a simple observation: plants are everywhere — on walks, in homes, offices, and streets — but most people have no quick, reliable way to understand or care for them. In urban India, especially in growing cities like Chandigarh and Ropar, the houseplant boom is massive, yet new plant parents often fail because they can't visualize success or get personalized advice. We wanted to create the "Shazam for plants" — an app that instantly identifies any plant, diagnoses its health, and shows magical AI-generated visions of how it could thrive. Adding a marketplace vision ("Swiggy/Zomato for plants") came from realizing users fall in love with plants through the AI and immediately want to buy more. The goal: make plant care joyful, accessible, and emotionally motivating for everyone — casual passersby, aspiring green thumbs, and even vendors.

What it does

PlantDreamer is a beautiful, AI-powered Progressive Web App that lets anyone snap a photo of a plant and get instant insights powered by Google Gemini:

  • Instant Analysis: Upload or snap a photo → Gemini identifies the species, diagnoses health issues, and provides tailored care tips (watering, light, pests).
  • Future Growth Simulator: Generates stunning "before/after" images showing the plant healthy in 1/3/6 months — the emotional "wow" that motivates users.
  • My Plants Journal: Save plants locally or synced via Supabase, add notes, track progress with re-scans, and get AI monitoring/suggestions.
  • PlantMart Marketplace: Browse nearby nurseries by city, add plants to cart, mock checkout with delivery slots, COD/UPI (prototype), and download branded invoices.
  • User & Vendor Roles: Free/paid tiers with scan/save limits; vendors get dashboards for inventory, orders, and analytics.
  • Privacy-First: Temporary AI processing; data stored securely with Supabase.

It's mobile-first, installable (PWA), with joyful animations that make every interaction feel premium and alive.

How we built it

  • Frontend: React + Vite + TypeScript, Tailwind CSS for responsive design, Framer Motion for buttery-smooth transitions and micro-animations (growing vines, leaf confetti).
  • AI: Google Gemini API (multimodal) for plant identification, diagnosis, care tips, and image generation/editing.
  • Backend: Supabase for authentication (email/password + Google/GitHub), database (profiles, plants, orders, vendor_plants), storage (photos), and role-based access.
  • Other Tools: shadcn/ui + Lucide icons for polished components, IndexedDB fallback, jsPDF for mock invoices, Recharts for vendor analytics.
  • Key Challenges Solved: Tiered limits (scans/saves), vendor approvals workflow, mock payments/invoices, seamless user/vendor experiences.

Built solo in intense sprints, starting frontend-only and evolving to full Supabase integration for sync and scalability.

Challenges we ran into

  • Gemini Prompt Tuning: Getting consistent, accurate plant identification and beautiful future-growth images required dozens of iterations in Google AI Studio.
  • Role-Based UX: Ensuring vendors never see user home pages (and vice versa) while keeping navigation intuitive took careful routing and conditional rendering.
  • Supabase Integration: Adding auth, RLS, and syncing without breaking the initial local-storage flow; handling edge cases like scan limits across sessions.
  • Animations & Polish: Balancing delightful Framer Motion effects without performance hits on mobile.
  • Mock Marketplace: Making checkout feel real (invoices, slots) while keeping it prototype-safe.

Accomplishments that we're proud of

  • The magical future-growth visions — turning a sad plant photo into lush, personalized dreams consistently blows people away in demos.
  • A complete end-to-end ecosystem: From casual scan → personal journal → buying more plants → vendors managing sales — all in one app.
  • Premium Feel: Joyful, organic UI with animations that make users say "I don't want to leave this app."
  • Seamless user/vendor duality with tiered pricing and approvals — shows real monetization potential.
  • Built a scalable MVP with Supabase sync, proving cross-device access.

What we learned

  • Multimodal AI (Gemini) is incredibly powerful for creative, emotional apps — image generation is a game-changer for motivation.
  • User experience is everything: Small details like back buttons, loading vines, and confetti create stickiness.
  • Role-based apps require obsessive conditional logic, but pay off in personalized flows.
  • Hackathons teach rapid iteration: Starting simple (frontend-only) and layering complexity (auth, marketplace) works wonders.
  • Plants bring joy — testing with real photos made the emotional impact clear.

What's next for PlantDreamer

  • Real Payments & Delivery: Integrate Razorpay + logistics partners for actual orders.
  • Community Features: Share progress stories, user ratings/reviews for vendors.
  • AR Integration: Overlay future plant visions in user's room.
  • Expanded AI: Voice input, climate-specific tips, pest detection.
  • Monetization: Subscription tiers live, vendor commissions, affiliate nursery partnerships.
  • Launch in Punjab/India first, then global — become the go-to platform for urban plant lovers and nurseries.

PlantDreamer isn't just an app — it's a movement to fill homes with thriving greenery. Thank you for the opportunity! 🌿

Built With

Share this project:

Updates