This is a task assignment application where users can create, edit, and delete tasks, and filter them by active, completed, or all tasks. The application follows the design provided in the Figma design.
- Create Task: Users can create new tasks by entering a title and description.
- Edit Task: Users can edit existing tasks by clicking on the task and modifying the title and description.
- Delete Task: Users can delete tasks by clicking on the delete button associated with each task.
- Filter Tasks: Users can filter tasks by active, completed, or all tasks using the filter buttons provided.
- Functional Component with Hooks: The application utilizes one functional component with hooks (
useState
,useEffect
, etc.) to manage the task list and filter state. - Class Component with Lifecycle Methods: Additionally, one class component with lifecycle methods is used to demonstrate an alternative approach to managing state and lifecycle in React.
- Redux for State Management: Redux is used for global state management, allowing tasks to be accessed and manipulated from any component in the application.
- Organized Folder Structure: The project follows an organized folder structure to maintain code readability and scalability.
- Data Persistence: The application persists task data on page reload, ensuring that tasks remain intact even after the browser is closed or refreshed.
- Mobile Responsiveness: The application is designed to be responsive and accessible on various devices and screen sizes.
By completing this task assignment, the application meets the requirements and guidelines specified by the company. If you have any questions or feedback, feel free to reach out.