Simple ToDo List Web App using Python and Django Source Code

Simple Todo Web App using Python and Django

This simple project is a Simple Todo Web App that was developed using Python and Django as the Web Framework. This application allows users to Create, Read, Update, and Delete Todo Items. The user can also mark Todo Items which already done and to this, the user will just simply check/click the provided checkbox provided along with the items. When the items are checked, the to-do item title will have a line-through font decoration to determine the finished tasks in the list.

This simple web application will help you to learn how to develop a simple web application using Python and Django. The source code was developed using Python, Django, HTML, JavaScript, SQLite Database and also using Bootstrap and jQuery/Ajax libraries/Plugin. The Bootstrap was used as the framework for the CSS (UI Design). The jQuery helps to manage some of the functions of the web app (UX) to give users a better experience. Ajax helps to update the state of the Todo Items (status) without refreshing or leaving the page.

Features/Functionalities

• Home
  • Display/List the Todo Items. This is the page where you can manage the Todo List Item
• Create New Item
  • The page where you can create a new item to your to-do list.
• Others:
  • Manage Todo Items (Update Details)
  • Delete Todo Item with Confirmation
  • Check/Mark finished tasks in List
  • Display messages in every change are being done to the list.

The source code is attached/provided along in this article and can be downloaded for free. This is only for educational purposes which may help IT Students/ new Programmers. Follow the instructions below on how to run this project.

How to Run

Download/Install the following

• Python (I used v3.9.1)
• Django (I used v3.2.3)

Web Setup/Installation

1. Download and Extract the provided source code zip file. (download button is located below)
2. Open your Terminal/Command Prompt window. (make sure to add "python" in your environment variables)
3. Change the working directory to the extracted source code folder. i.e. cd C:\Users\Personal-01\Desktop\py_demo\todoApp
4. Run the following commands:
   • python manage.py migrate
   • python manage.py runserver
5. Open a web browser and browse http://localhost:8000/ or http://127.0.0.1:8000/

Demo

That's it you can now test and experience the features and functionalities of this Simple Todo List Web Application in Python and Django. I hope this will help you with what you are looking for and help you understand how to develop a simple web application in Python.

Explore more on this website for more Free Source Codes and Tutorials

Happy Coding :)