TaskBuddy is a ReactJS-based task management application that helps users efficiently manage their tasks. The app supports adding, updating, and deleting tasks, with all data stored locally in the browser for persistent usage.
- Add Tasks: Users can add tasks to their task list.
- Local Storage: Tasks are stored in the browser's local storage for persistence.
- Change Task Status: Mark tasks as complete or incomplete with a single click.
- Delete Individual Tasks: Remove specific tasks from the list.
- Clear All Tasks: Remove all tasks at once (button is displayed only if there is at least one task).
- Dynamic Buttons: Each task has a "Complete" and "Delete" button for easy management.
-
Add Tasks:
- Enter a task in the input field and click the "Add Task" button.
- The task is added to the list and stored in local storage.
-
Mark as Complete:
- Click the "Complete" button to mark a task as completed.
- Completed tasks are visually distinguished.
-
Delete Tasks:
- Use the "Delete" button to remove a specific task from the list.
-
Clear All Tasks:
- Click the "Clear All Tasks" button to remove all tasks.
- The button is hidden if there are no tasks in the list.
- ReactJS: For building the user interface.
- Local Storage: To store tasks persistently in the browser.
- CSS: For styling the application.
- Clone the repository:
git clone https://github.com/your-username/taskbuddy-app.git