📋 Task Management App – Intermediate React Project

🖼️ Preview Screenshot

🧠 Objective

Build an intermediate-level React application that demonstrates routing, form handling, and table management.

💡 Suggested Project

Task Management App – A productivity tool for creating, editing, viewing, and organizing tasks.

🚀 Features

🔀 Routing with React Router DOM

• Home Page: Displays all tasks in a table
• Create Task Page: Form to add new tasks
• Edit Task Page: Modify existing tasks
• Delete Task: Remove tasks from the list

📝 Form Handling

• Form validation for task creation and editing
• Custom hooks to manage form state and validation logic

📦 Data Management

• Tasks stored in local state or persisted using localStorage

📊 Table Component

• Tabular display of tasks with columns like Title, Status, and Due Date
• Sorting and filtering capabilities

🔍 Pagination and Search

• Paginate task list for better readability
• Search bar to quickly find tasks by title or description

🎯 Outcome

A fully functional task management app that showcases:

• React Router for navigation
• Controlled forms with validation
• Dynamic table rendering
• Pagination and search logic
• Local data persistence

🌐 Live Demo

• Task-Management [Website View] : https://lokistark.github.io/Task-Management/
• Vercel Deployment : https://task-manage-liard.vercel.app/login