Build a Todo List Web App with Flask

Level 3: Real-World

Dec 19, 2024

Project Level 3: Real-World
This project is designed for learners who know Python fundamentals and are learning to build real-world programs.

Project Description

In today’s project we will create a todo list web app using the Flask web framework. We have had similar projects before such as the Django todo list app or this command-line task manager app. We will build this one using the Flask web framework. Here is how the web app looks like:

How the app works
Users can add new tasks, and complete and delete existing tasks.The data are saved in a database.db file. The database file is created by the program the first time the web app runs and then the data are added to the existing database. We use sqlite for handling the database.

The app style
We have used pure CSS to stylize the frontend HTML elements. However, you can use Bootstrap if you prefer.

Learning Benefits

Learn how to build a simple full-stack web app.
Work with the Flask framework for web development.
Understand how to interact with an SQLite database.
Get familiar with basic CRUD (Create, Read, Update, Delete) operations.

Prerequisites

Required Libraries: sqlite3, flask
pip install flask
Required Files: No files are required.
IDE: Use any IDE.

Danger Zone

Here is the code solution and the steps to get the app up and running.

Show Code

Happy Coding!
Daily Python Projects Team