Task Manager - Copy this React, Tailwind Component to your project
1. User Interface: A form with a text input and an "Add Task" button to create new tasks. A list to display all tasks fetched from the mock API. Each task should include: A checkbox to mark it as complete/incomplete. A filter section with buttons or tabs to filter the tasks by "All", "Completed", or "Incomplete". Note: You are free to use any component library (e.g., Material UI, Ant Design, Chakra UI) to speed up development. 2. Operations: Create: Allow users to add a new task via a form input and an "Add Task" button. New tasks should appear in the task list immediately upon creation. When a task is created, simulate a POST request to the mock API. Read: Fetch tasks from the mock API and display them in the list. Use the mock API to return initial task data on page load. Filter: Allow users to filter the task list to show "All", "Completed", or "Incomplete" tasks.
