ToDoPro is an online task management application designed to assist users in effectively handling their daily workload. Developed using React JS, Tailwind CSS, and TypeScript, it offers a wide range of useful features. Users can easily create, manage, and organize tasks, enabling them to optimize their productivity.
👇👇👇
You can access the live demo of ToDoPro at https://to-do-pro.vercel.app/.
👆👆👆
To-do list website made with React JS, Tailwind CSS, TypeScript and more.
Light mode:
- Responsive design for optimal usage on various devices.
- Filter tasks by status (all, active, completed).
- 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, farthest, complete or incomplete.
- You can search for any tasks in the search field.
- Today's tasks are shown in the user section and in notifications.
- Tasks, directories and DarkMode data are saved to localStorage.
The main goal of this project is to put into practice knowledge of TypeScript, Tailwind CSS, and React JS. By building a to-do list application, it aims to showcase various features and functionalities that can be implemented using these technologies.
- React JS
- TypeScript
- Tailwind CSS
- React Router DOM
- HTML
- Api
- Weather
- Game
- Figma
if Need run on your machine:
Clone project
git clone https://github.com/yoseflakew25/ToDoPro.git
go to project
cd ToDo-main
install npm
npm install
start project
npm start
Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more information.
- The project uses various open-source libraries and frameworks, including React JS, Tailwind CSS, and TypeScript.