Task Planner is a todo application built using React and Tailwind CSS. It allows users to manage their tasks efficiently by providing features such as adding, editing, updating, and deleting todos. Additionally, users can filter their todos based on their priority levels.
- Add new todos: Users can add new tasks to their list by providing a title, description, tags, and priority level.
- Edit todos: Users can edit existing todos to update their title, description, tags, and priority level.
- Update todos: Users can mark todos as complete or incomplete.
- Delete todos: Users can delete unwanted todos from their list.
- Filter todos: Users can filter their todos based on priority levels such as High, Medium, and Low.
The project is built using the following technologies:
- React A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for creating custom designs quickly.
To run the project locally, follow these steps:
- Clone the repository:
https://github.com/sadrilamin1999/task-planner.git - Navigate to the project directory:
cd project name - Install dependencies:
npm install - Start the development server:
npm run start - Open your browser and visit
http://localhost:3000to view the application.
Task Planner provides a simple and intuitive interface for managing tasks effectively. With features like adding, editing, updating, deleting, and filtering todos, users can stay organized and focused on their daily tasks. By leveraging the power of React and Tailwind CSS, the application offers a seamless user experience while maintaining a modern and responsive design.