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.

• Required Preview.

• Final Preview.

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.