The Task Tracker App is a user-friendly web application designed to help individuals and teams manage their tasks efficiently. This React-based application allows users to add, edit, delete, and mark tasks as complete, ensuring that all tasks are organized and tracked effectively. The app also includes features for setting task deadlines with date and time pickers, providing a comprehensive solution for task management.
Note : This project was developed as a part of my virtual internship at CodSoft.
Frontend : React, Tailwind CSS for styling, and React Icons for interactive icons.
Date and Time Management : react-datepicker for selecting dates and times.
State Management : React's useState hook for managing the application's state.
Add tasks : Enter the task name and description in the input fields. Select the desired date and time for the task. Click the "Add Task" button to add the task to the list.
Edit tasks : Click the edit icon next to the task you want to edit. Modify the task details as needed. Click the "Update Task" button to save changes.
Delete tasks : Click the delete icon next to the task you want to remove.
Mark tasks : Mark tasks or to-do items as Completed in the application.
Responsive Design : The app is designed to be responsive, ensuring it works seamlessly across various devices and screen sizes.
- Clone the repository.
git clone https://github.com/ArpanSurin/Task-Tracker-Application.git- Navigate to project directory.
cd Task-Tracker-Application- Start the Website.
npm run dev- Open the application in your browser.
http://localhost:5173