Planwise

Application landing page
Login page
Main page
Confetti upon completing all tasks
Settings page
Mobile interface

Inspiration

Planwise was inspired by our team's challenges maintaining everyday to-do lists. We wanted to create a solution that would make the process of adding tasks to a to-do list simple, intuitive, and effortless. That's why we came up with Planwise - a to-do list app that uses AI to automatically add tasks to your list based on your natural language input. No more typing out task names—just describe your plans and Planwise will add each item to your list, in addition to AI-powered duration estimations.

What it does

Planwise offers two clients for task management; a web-based application and a natural-language endpoint that you can access with virtual assistants such as Siri.

Using the web application, you can manage your tasks in a typical manner by adding, completing, and deleting to-dos.

Using the Siri interface, you can quickly input tasks by describing an entire plan such as "I have to get milk and eggs, then get my haircut. After that I need to do some calculus work."

How we built it

Backend

Planwise is proudly built with Supabase, an open-source Backend as a Service. We use Supabase for user authentication, a Postgres database, and hosted Edge Functions.

Edge Functions

Each Edge Function is built with Deno and Typescript. The edge function responsible for handling natural language input uses the OpenAI API to convert your prompt into a set of tasks and estimated durations.

Web Application

The web application is built with JavaScript, Tailwind CSS, Headless UI, and React.

Siri Interface

The Siri interface is built using Apple Shortcuts.

Challenges we ran into

Our initial scope was too large to complete during CUhackit '23 for our team's skill level. We ended up refining our idea to create a minimum viable prototype and deliver a high-quality, polished experience.

Accomplishments that we're proud of

We're especially proud of how polished Planwise has become and how well we've executed our idea. The clean, consistent, and reliable web client makes managing tasks easy, while our natural language endpoint powers more creative uses of the application. We've implemented quality-of-life features like API key management, sign in with social providers, transitions, and more.

What we learned

Nathan: OpenAI API, Supabase
David: Styling with TailwindCSS, React, Edge Functions
Caleb: Styling with TailwindCSS, React
Kyanh: Deploying websites with Netlify

What's next for Planwise

We're excited to keep working on our idea and share the next generation of Planwise with you soon. Until then, try Planwise out now at https://planwise.tech!