✅ Completed with this URL:
https://zohaib-nextjs-task.vercel.app/
A Task Manager Application built using Next.js 14, TypeScript, Tailwind CSS, and MongoDB. This app allows users to manage tasks efficiently with features like creating, reading, updating, and deleting tasks. It also includes filtering and pagination for better usability.
- Create a Task: Add tasks with a title, status, and optional description.
- View Tasks: Display all tasks in a paginated list.
- Update a Task: Edit task details including title, status, and description.
- Delete a Task: Remove tasks from the list.
- Filter Tasks: Filter tasks by status (
Pending
,In Progress
,Completed
). - Pagination: Navigate through the task list with pagination controls.
- Frontend: Next.js 14, TypeScript, Tailwind CSS
- Backend: Next.js API Routes, MongoDB
- State Management: React Hooks
- UI Components: Custom and Shadcn UI components styled with Tailwind CSS
- Node.js installed (version 16+)
- MongoDB (local or MongoDB Atlas)
- Git