A
Anonymous

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.

Prompt
Component Preview

About

TaskManager - A task list with add button, checkboxes, and filters for all, completed, or incomplete tasks. Built with React and Tailw. Download code free!

Share

Last updated 1 month ago