A full-stack Task Manager application built using the MERN Stack that allows users to manage their daily tasks efficiently with authentication, filtering, and modern UI.
- React.js
- Tailwind CSS
- Node.js
- Express.js
- MongoDB
- User Signup
- User Login
- JWT-based Authentication
- Add Task
- Edit Task
- Delete Task
- Mark Task as Completed
- Filter by Status (Completed / Pending)
- Search Tasks
- Filter by Priority
- Add Due Date
- Sort by Due Date
- Priority Levels (Low / Medium / High)
- Dark Mode Toggle 🌙
- Fully Responsive Design 📱
server/ │ ├── models/ │ ├── User.js │ └── Task.js │ ├── routes/ │ ├── authRoutes.js │ └── taskRoutes.js │ ├── middleware/ │ └── authMiddleware.js │ ├── config/ │ └── db.js │ ├── .env ├── server.js └── package.json
- _id → ObjectId
- name → String (required)
- email → String (required, unique)
- password → String (hashed)
- createdAt → Date
- updatedAt → Date
- _id → ObjectId
- title → String (required)
- description → String (optional)
- status → Pending / Completed
- priority → Low / Medium / High
- dueDate → Date (optional)
- user → ObjectId (ref User)
- createdAt → Date
- updatedAt → Date
git clone https://github.com/vansh216/task-manager.git
cd server npm install
cd client npm install
Backend: npm start
Frontend: npm run dev
Auth: - POST /auth/signup - POST /auth/login
Tasks: - GET /tasks - POST /tasks - PUT /tasks/:id - DELETE /api/tasks/:id
vansh 216