Overview

A clean and simple todo list app that utilizes local storage to keep tasks populated. Users can add tasks, mark them as completed, and delete them. A running counter at the bottom tells the user how many tasks remain in their list and a group of buttons allows them to filter their list by completed, active, or all tasks.

The app is currently hosted on Vercel: https://mui-react-todolist.vercel.app/

Components

• TodoItem: Each individual task that the user adds
• TodoForm: The form allowing the user to add tasks
• FilterBtn: The basic button template for the filter buttons
• TodoList: The list that displays the form and each added task. This component contains all of the state for the application and handles the logic for all of the buttons and checkboxes

Technologies Used

• React
• Javascript
• Material UI
• Vite
• CSS
• HTML

Contact

email: brian.toch23@gmail.com