This is the repository of the Todo List App. [Last relevant update: 05/08/21]
This project uses the following libraries: React to create the web application user interface and Chakra-UI for the front-end of the app.
This web application lets you do all the basic stuff that is expected from a todo list and more! Not only is a CRUD app, you can filter an search through the entire todo list.
First, you can add a task to the list. You must describe it, else it will throw an error, but selecting a category is optional. You can add all the tasks you want and the best part is that you will not lose them! The task are saved in the Local Storage of your browser.
After that, in the center of the application will be listed all the tasks. Each row represents a task and includes: description of task, category, edit button and delete button.
Clicking in the edit button will open a modal were you can edit both the task description and the category it belongs.
Also, you can search a specific task either with a text input or filtering through a category.
Last but not least, the application has a button that enables night mode! You can find it at the rightmost of the header.
For the moment, we have in mind only two posible implementations that could further improve the application:
- Make the app responsive. Cannot be displayed correctly on smaller devices.
- Implement a database from where get and post the tasks.