🐴 Everyone should build a to-do list app
A showcase of what others and I have built
1,499 people subscribed Design with AI in the past 30 days.
Surprised and grateful.
Sahil, the CEO of Gumroad and an inspiring entrepreneur, posted this last month:
It immediately caught my attention.
I agree. A to-do list app is a great place to start if you want to build a fun, quick project with the help of AI.
It is simple—everyone can easily picture a design concept in their mind.
Yet, it is also complex enough to consider features like adding, removing, editing, and reordering items.
Today, I’ll showcase what I built and what others created (choosing my favorites from his X thread), along with simple demos.
I’ll also share links to the web apps for you to try.
The To-Do List I Built
🖥️ https://xinran-to-do.vercel.app/
Creator: Myself (https://www.linkedin.com/in/davidmaxinran/)
Confetti Library: https://github.com/catdad/canvas-confetti
Time Spent: 30 minutes
Tool Used: V0
My daughter saw it and asked, “What are you doing? Oh, look!! Confetti!”
A Simple Throwaway To-Do List
🖥️ https://to-dos.carrd.co
Creator: https://x.com/jasonleowsg
Tech Stack: Vue.js + Tailwind CSS
A Not-to-Do List
🖥️ https://not-to-do-list.lovable.app/
Creator: https://x.com/LeoPiccioli
Tech Stack: Shadcn/ui + Tailwind CSS
Tool Used: Lovable
A To-Do List Based on the Eisenhower Matrix
🖥️ https://eisenhower.sambroner.com/
Creator: https://x.com/SamBroner
Codebase: https://github.com/sambroner/eisenhower
Essay: https://sambroner.com/posts/the-agency-gap
Tool Used: Cursor
Time Spent: 90 minutes
A To-Do List with a Timer
🖥️ https://toqueue-beta.vercel.app/
Creator: https://x.com/pau_wee_
Tech Stack: Shadcn/ui + Tailwind CSS
A Done List
🖥️ https://donelist-done.vercel.app
Creator: https://x.com/jackfriks
Tech Stack: React + Tailwind CSS
Toast Library: https://react-hot-toast.com/
Time Spent: 30 minutes
A Minimalist To-Do List
https://readme-to-do.netlify.app/
Creator: https://x.com/cneuralnetwork
Creator’s Website: https://cneuralnets.netlify.app/
A To-Do List with a Calendar
https://v0.dev/chat/todo-list-app-vGoQQwmbj56
Creator: Unknown
Tech Stack: Shadcn/ui + Tailwind CSS + React DnD for reordering functionality
Tool Used: V0
An AR To-Do List with Auto Check-Off
Creator: https://x.com/ConwayAnderson
Tool Used: Sidequest.xyz + Spectacles
Now I’m curious what you can come up with.
Welcome to share yours in the comment :)
See you next week!
Xinran
Haha I love the Not-to-Do List!
Nice, so many different options to create something. It is almost a choice dilemma which one to use, V0, Lovable, GPTs, Cursor, React, Vue.js and many more.