There’s long been Internet chatter about how “anyone can build a web app.” Often, I’ve rolled my eyes at this statement as someone who’s tried and failed to learn how to code many times. But with the recent advances in AI chat-based web app builders, this promise looks to finally be true for anyone with an idea and minimal persistence.
Many tools on the market enable AI software agent workflows for non-developers (including v0, Replit, Bolt), but our current favorite tool is Lovable, which we’ll be using in this tutorial. Why? It has an incredible user experience, integration with Supabase as a database, and automatic error handling. It also creates some of the best-looking user interfaces.
In this tutorial, we’ll create a simple to-do list app with a Kanban layout—think of this as the “hello world” project of building full-stack web apps with an AI software engineer.
Steps we’ll follow to create a to-do list web app:
- Use a prompt to generate the user interface
- Set up Supabase for the database
- Sync Supbase to your user interface
- Edit the UI/UX with prompts
- Publish and deploy the app
Tools:
- Lovable (Free to test; $20/month for higher prompt limits)
- Supabase (Free account)
Let’s make an app!