Leafy

To-do list view where you can add tasks
The visual workflow representation of the to-do list

Inspiration

To-do lists aren't motivating enough to actually achieve your goals, and wellness apps get easy to ignore after a while. We wanted something where you can actually see the full path from where you are to where you want to be and where skipping a step matters because the next one depends on it.

What it does

Leafy turns your goals into visual workflow diagrams. Instead of a flat checklist, you build a node graph where tasks connect to each other. Complete prerequisites to unlock the next step, add subflows for more complex goals, and track your progress visually. You can also publish workflows to communities, look at paths others have taken, and share directly with friends.

How we built it

Frontend: React + TypeScript, Tailwind CSS, DnD Kit for the drag-and-drop canvas, GSAP for animations
Backend: FastAPI (Python) REST API with Supabase for auth and PostgreSQL database
Deployment: Docker Compose containers on Render and Vercel

Challenges we ran into

Mainly merge errors and integrating with the database

Accomplishments that we're proud of

Drag and drop node system
Inspiration tab to share workflows

What we learned

Communication is very important, when we talked to each other about exactly what we were doing, the amount of merge errors we had significantly reduced