I Built a Real-Time PWA Where Couples Grow a Plant by Drinking Water (React 19 + Supabase)
Every hydration app I tried had the same problem: it was just me and a number. Log a glass, watch a bar fill, forget about it by Wednesday. Hydration apps are built for one person. When I looked for one designed for couples, where you each hit your own goal but play as a team, I couldn't find one. So I built it. DuoDrop is a mobile-first Progressive Web App (PWA) for couples. Every glass of water…
Every hydration app the reporter tried had a fundamental flaw: they focused solely on individual progress. When the reporter couldn't find an app designed for couples, they decided to build one themselves. DuoDrop is a mobile-first Progressive Web App (PWA) that enables couples to grow a shared plant by logging their water intake.
The app starts as a seedling and gradually grows into a blossom tree. Each partner maintains their own daily goal, but the garden only thrives when both individuals participate. DuoDrop is built using React 19, TypeScript, Vite, and Tailwind CSS v4 for the frontend, while Supabase handles the backend with Postgres, Row Level Security, Realtime, Auth, and Edge Functions.
The game rules are stored in PostgreSQL instead of React to ensure synchronized gameplay for both partners. The app provides various challenges, streaks, badges, and push notifications to keep the couple engaged and motivated.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
