/todo-app

FullStack ToDo Web-App with Flask and MongoDB

Primary LanguageCSSThe UnlicenseUnlicense

ToDo App (web-based)

Created using Flask and MongoDB

TODO App

Developer: Harsh Soni

Contributors: Harsh Soni

Directories in todo-app

  • app.py
  • requirements.txt
  • Procfile (for Heroku deployment)
  • dir\todo
    • dir\static
      • dir\assets
        • emoji.css
        • emoji.js
        • style.js
        • twemoji.min.js
      • dir\images
        • favicon.png (16x16)
        • no.png (25x25)
        • yes.png (25x25)
    • dir\templates
      • index.html
      • searchlist.html
      • update.html

Libraries used:

pip install flask
pip install bson
pip install pymongo
pip install gunicorn

Interface

First Interface of the app running on localhost:port5000:status200

01

Get all tasks here:

02

All Completed tasks:

03

Create a task:

Click on: Add a Task >> Create

04

Your newly added task has been added to the All Tasks List

05

Click on Cross ❌ to mark a task complete

06

Your task has been added ✔️ to Completed Section

07

Update a Task:

08

Click: Edit icon 📝 >> Update task to the following interface >> Update Task 🚀

09

Task has been Updated Successfully 🚀 ✅

10

Delete a Task

Click on Delete button 🗑️ to delete a task ✔️

11

Task Search Queries

Under Search Reference 🔍 section: Select Query

13

After selecting Query >> Type Query Description

14

Your Selected Task is shown as under

15

If searched query doesn't exist:

17

Contribution

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

Unlicense