To-do list website made with React JS, Tailwind CSS, TypeScript, Redux Toolkit and more.
Applied to organize your tasks with the following data: title, description, date, mark as complete and mark as important. Tasks are organized into routes: today's tasks, important tasks, incomplete, complete, all tasks and tasks by directory (folder). Directories and tasks can be edited or deleted. In addition, there is a main directory called "Main" which cannot be edited or deleted. The list of tasks can be displayed first in: nearest, furthest, complete or incomplete. You can search for any tasks in the search field. Today's tasks are shown in the user section and notifications. Tasks, directories, and darkmode data are saved to localStorage.
The project mainly aimed to put into practice knowledge of TypeScript, Tailwind, Redux Toolkit and React Js.
- React JS
- TypeScript
- Tailwind CSS
- Redux Toolkit
- React Router DOM
- HTML
- Figma (prototipagem)
You can access the project here: https://muon-capital-task-mamangement.netlify.app/
Or run on your machine:
git clone https://github.com/SWAIN1998/Task_Management
cd Task_Management
npm install
npm start
- Tasks, directories and darkmode data are saved in your browser's localStorage. You can click "delete all data" button to remove them from localStorage.
- For demonstration purposes, the application has a default list of 3 tasks and 1 directory called "Main".