A simple web-based To-Do List application built with Flask and MongoDB to efficiently manage tasks and projects with features like task CRUD, project filtering, and persistent storage.

The To-Do List Application is a web app developed using Flask for the backend and MongoDB for data persistence. It offers full task management capabilities including adding, editing, deleting, and marking tasks as complete. Users can organize tasks by projects and filter tasks accordingly. The interface uses modals for task management to maintain a clean and intuitive UI. The frontend is built with HTML, CSS, and JavaScript using Jinja2 templating, ensuring a responsive and user-friendly experience. The app persists all data in MongoDB, allowing users to maintain their task lists across sessions.

1. Clone the repository:
   git clone https://openforge.gov.in/plugins/git/smartblocks/ToDoListApp.git
cd ToDoListApp

2. Install dependencies:
   pip install flask pymongo

3. Ensure MongoDB is running on your machine.

4. Run the Flask application:
   python app.py

5. Open your browser at http://localhost:5000 to access the app.

6. Add projects from the Projects page.

7. Add, edit, delete, and mark tasks completed on the Tasks page.

8. Use project filter dropdown and reset filter button to manage tasks view.

To-Do List Application

A simple web-based To-Do List app built using Flask and MongoDB to manage tasks and projects efficiently.

Features

• Task Management: Add, edit, delete, and mark tasks as completed
• Project Filtering: Filter tasks by projects
• Reset Filter: Reset the filter to show all tasks
• Modals for Task Management for clean UI
• Persistent Data stored in MongoDB
• Responsive design with custom CSS

Technologies Used

• Backend: Flask (Python)
• Database: MongoDB
• Frontend: HTML, CSS, JavaScript (with Jinja2 templating)

Installation

git clone https://openforge.gov.in/plugins/git/smartblocks/ToDoListApp.git
cd ToDoListApp
pip install flask pymongo
Start MongoDB on your system, then run:python app.py
Open your browser at:http://localhost:5000