This is a simple Task Management application built using React. It allows you to add, edit, delete tasks, update their status, and filter tasks based on their titles.
-
Add Task: You can add a new task by entering its title, and it will be added to the list of tasks with a default status of 'Not Started'.
-
Edit Task: You can edit the title of a task by clicking the "Edit" button and saving your changes.
-
Delete Task: You can remove a task from the list by clicking the "Remove" button.
-
Update Status: You can change the status of a task to 'In Progress' or 'Finished' using a dropdown menu.
-
Filter Tasks: You can filter tasks by entering text in the filter input. Only tasks with titles that match the entered text will be displayed.
-
Data Persistence: Tasks are saved to local storage, allowing them to persist between sessions. This means that when you add, edit, or remove tasks, your changes will be preserved even if you close and reopen the application.
You can try out a live demo of the Task Management App by following this link:
-
Clone the repository to your local machine:
git clone https://github.com/ybadr99/digital-hub-challenge.git
-
Navigate to the project directory:
cd digital-hub-challenge -
Install the required dependencies:
npm install
-
Start the development server:
npm run dev
- The app uses React and manages tasks as state variables.
- You can add, edit, and delete tasks through the user interface.
- Tasks are stored in local storage to persist between sessions.
- Filtering is based on task titles and updates dynamically as you type.
Contributions to this project are welcome! Feel free to open an issue or submit a pull request if you have any improvements or bug fixes to suggest.