Aug 21, 2024

Code

Project

Web Development

1 min read

Todon3

Beautifully designed to-do list app for the “getting things done” method.

Todon3 post cover image

todon3.com

Todon3 is a to-do list app that is beautifully designed for the getting things done method. It has six folders for you to add things and for each task, you can add sub-tasks . I designed the frontend using TailwindCSS and Shadcn/UI components while engineering the backend with Next.js server actions, Supabase as a relational database, and Vercel’s serverless functions.

Pasted-image-20250821190532.png

From the start, to me, it was really vital for the app to just work and work well. So I enhanced the responsiveness and overall UX of the application by implementing client-side caching and optimisation for updating the database asynchronously, using useOptimistic . I also improved the UI with attention to detail, optimising multiple views for various devices.

Finally, I created multiple API points to process payments from LemonSqueezy.

§
Subscribe!
Follow Next!