firminoneto11 / bright-cities-todo

A Todo list web application using the Django Framework and PostgreSQL database.

Home Page:https://bright-cities-todo.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub GitHub repo size GitHub top language GitHub language count GitHub last commit Website

bright-cities-todo

A Todo list web application using the Django Framework and PostgreSQL database.


πŸ€” Project's Goal πŸ€”

This project is a To Do list web application, where users can create, read, update and delete their tasks. Basically, a CRUD kind of application.
With a simple and nice interface, users can easily administrate their 'to do' tasks and never get disorganized!


πŸ’» Technologies πŸ’»

The technologies used to built this project were:

  • Python
  • Django
  • PostgreSQL
  • HTML
  • CSS
  • Javascript

In the requirements.txt file you can find all the libraries and dependencies for the Python language.


🚧🚦 Deploy | Demo 🚦🚧

This project was deployed on the Heroku cloud service, and you can access the demo of it here.
Also, in order to have the best experience using the application, try to open it on either a desktop or notebook, because i haven't optimized the responsiveness for mobile devices yet, but i will do so soon.


πŸ‘» App screens πŸ‘»

This web application is divided by the operations that exists within the code:

  • Creating a task
  • Listing the task(s)
  • Updating and deleting the tasks

First, if there aren't any tasks registered in the database, the following screen will be displayed:

A gif showing when there aren't any tasks

Creating a task

When the 'New task' button is pressed, the user will be able to create a new task. There are a few things to notice:

  • The task name field is not optional and it can have a length up to 25 characters;
  • The task's description is optional and it can have a length up to 255 characters;

Bellow we can see the process of creating a task.

A gif showing when the user is creating a task

Listing the tasks

After a successful task registration, the user will be redirected to the home page, which will now show the tasks that are stored in the database. By default, every new task is checked as 'To Do'. Check out bellow how the tasks are displayed.

A gif showing the tasks being listed.

Updating the tasks

Now that we have some tasks stored, if the user clicks on any of the tasks that are listed, the application will redirect the user to the page where he/she can both update and delete the task that was selected.
Bellow we can see the update process.

A gif showing the update process

Deleting the tasks

And finally, we can do the same process, select a task of the list and choose the 'delete' option. This will delete the selected task from the database.
Check the delete process bellow.

A gif showing the delete process

Also, after every successful update and delete, the user will be redirected to the home page, which is dynamic, meaning that if there are any task in the database, it will show them, otherwise, it will show a nice message instead.


πŸ‘Ύ Author πŸ‘Ύ

Made with ❀ by Firmino Neto.

About

A Todo list web application using the Django Framework and PostgreSQL database.

https://bright-cities-todo.herokuapp.com/

License:MIT License


Languages

Language:HTML 40.5%Language:Python 26.8%Language:CSS 17.2%Language:JavaScript 15.4%