Skip to content

bravetiger01/Flask-TodoApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDo List App README

================

Description

This is a simple ToDo List App that allows users to add, update, and delete tasks. The app also provides a search functionality to find tasks quickly.

Features

  • Add new tasks with title and description
  • Update existing tasks
  • Delete tasks
  • Search for tasks by title or description
  • Display a list of all tasks with title, description, creation time, and action buttons

Technologies Used

  • HTML/CSS (Bootstrap 5) for the user interface
  • Jinja2 templating engine for rendering dynamic data
  • Flask as the backend technology for handling form submissions and database interactions

File Structure

The project consists of the following files and directories:

  • base.html: The base template that uses template inheritance to provide a consistent layout for all pages.
  • index.html: The main page that displays the list of tasks and provides forms for adding, updating, and deleting tasks.
  • search.html: The search page that displays the search results.
  • app.py: The Flask application file that handles requests and responses.
  • templates/: The directory that contains the HTML templates.
  • static/: The directory that contains the static assets, such as CSS and JavaScript files.

Topics Covered

Template Inheritance

The project uses template inheritance to create a consistent layout for all pages. The base.html file provides the basic structure, and the other templates inherit from it to add their own content.

Jinja2 Templating

The project uses Jinja2 templating engine to render dynamic data in the templates. This allows for easy separation of presentation and logic.

Flask Routing

The project uses Flask's routing system to handle requests and responses. This allows for easy mapping of URLs to application endpoints.

Form Handling

The project uses Flask's form handling system to handle form submissions and validate user input.

Database Interactions

The project uses Flask's database interactions system to interact with the database and perform CRUD (Create, Read, Update, Delete) operations.

Setup and Installation

To set up and run this project, follow these steps:

  1. Clone the repository to your local machine.
  2. Install the required dependencies, including Flask and any other necessary libraries.
  3. Run the Flask application using flask run or a similar command.
  4. Open the index.html file in a web browser to use the app.

Contributing

If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.

Authors

  • Nakul Desai

Acknowledgments

  • Bootstrap 5 for providing the CSS framework
  • Flask for providing the backend technology
  • Jinja2 for providing the templating engine

About

This is ToDo List App based on CRUD

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors