https://github.com/maheenfayyaz/finalhackaton-task-management
A full-stack Task Management System built with React, Node.js, Express, and MongoDB. Features include role-based task handling, JWT authentication, drag-and-drop task board, profile image upload, and email-based password reset — all with a clean and responsive UI..
https://github.com/maheenfayyaz/finalhackaton-task-management
drag-and-drop express formik full-stack joi-validation jwt-authentication mongodb nodejs react react-router redux sweetalert2 yup-validation
Last synced: 11 months ago
JSON representation
A full-stack Task Management System built with React, Node.js, Express, and MongoDB. Features include role-based task handling, JWT authentication, drag-and-drop task board, profile image upload, and email-based password reset — all with a clean and responsive UI..
- Host: GitHub
- URL: https://github.com/maheenfayyaz/finalhackaton-task-management
- Owner: maheenfayyaz
- Created: 2025-05-15T20:52:15.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-16T20:57:38.000Z (about 1 year ago)
- Last Synced: 2025-06-12T00:41:34.766Z (about 1 year ago)
- Topics: drag-and-drop, express, formik, full-stack, joi-validation, jwt-authentication, mongodb, nodejs, react, react-router, redux, sweetalert2, yup-validation
- Language: JavaScript
- Homepage: https://final-hackaton-task-management.vercel.app
- Size: 85 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack Task Management System
This is a **full-stack Task Management Application** built with **React** for the frontend and **Node.js, Express, and MongoDB** for the backend. The system allows users to sign up, log in, manage tasks based on roles (admin/user), reset passwords, and update profiles with image support.
---
## 🌟 Features
### Authentication
- Signup, Login, Logout
- JWT-based authentication
- Secure password hashing with bcrypt
### Role-based Access Control
- Admins:
- Create, update, and delete any task
- Users:
- View assigned tasks
- Update task status (To Do → In Progress → Completed)
### Task Management (Drag & Drop)
- Tasks are grouped in columns: `To Do`, `In Progress`, `Completed`
- Intuitive drag-and-drop UI using `@hello-pangea/dnd`
### User Profile
- View and update user profile
- Upload profile picture
### Password Reset
- Email-based password reset workflow
### Responsive Design
- Works smoothly across desktop and mobile devices
## Technologies Used
### Frontend
- **React** (with Hooks)
- **Redux Toolkit** – State management
- **Formik + Yup** – Forms & validation
- **Axios** – API communication
- **SweetAlert2** – Alerts
- **React Router DOM** – Routing
- **@hello-pangea/dnd** – Drag and drop
### Backend
- **Node.js + Express.js**
- **MongoDB + Mongoose**
- **Joi** – Input validation
- **jsonwebtoken** – JWT-based auth
- **bcrypt** – Password hashing
- **Multer** – File uploads (profile image)
- **Nodemailer** – Email support for password reset