This is a simple Task Manager application built using ReactJS, Tailwind CSS, and various other technologies. It provides functionalities to manage tasks effectively, including task list display, task management (add, edit, mark as completed, delete), local storage persistence, basic filtering based on priority, and a dark mode feature.
- Displays a list of tasks with their respective status (completed or not completed).
- Each task has options to mark as completed or delete.
- Includes a counter for total tasks and completed tasks.
- Ability to add a new task, edit an existing task, mark a task as completed, delete a task
- Tasks are persisted in local storage, ensuring they are retained even if the user refreshes the page.
- Includes a basic filtering system based on priority.
- Dark mode feature for better user experience in low-light environments.
- ReactJS
- Tailwind CSS
- React Hook Form for form management
- Flowbite-React for UI components
To run this application locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install dependencies using
npm install. - Start the development server with
npm start. - Access the application in your browser at
http://localhost:5173.
- Upon launching the application, you'll see the task list along with options to manage tasks.
- Use the provided functionalities to add, edit, mark as completed, or delete tasks.
- Tasks will be persisted even if you refresh the page, thanks to local storage.
- Utilize the basic filtering system to prioritize tasks based on priority.
- Toggle between light and dark mode for a customized viewing experience.