Hosted Link: https://taskmangerbyamitmishra.netlify.app/
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Requirements
- Implement the code structure for the application.
- Use tailwindcss to structure the CSS for this application as far as possible.
- Implement layout of the application and board page
- Sidebar should be collapsible.
- Users should be able to add new tasks and delete them. a. On adding a new task you can add random title and description, or hardcode a list of tasks and select 1 randomly to add a new task.
- The title of the board should be editable.
- Tasks can be filtered using search bar, filtering criteria is: title or description contains the search text.
- Tasks should be grouped according to their status(backlog, in progress etc.)
- Bonus: Users can drag and drop tasks to reorder them or update their statuses. Use react-beautiful-dnd if building with react.