Skip to content

Sushant98K/MERN-Stack-Task-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“‹ MERN Stack Task Manager

MERN Stack Responsive License: MIT

πŸ“– Overview

The MERN Stack Task Manager is a fully responsive and feature-rich application designed to simplify task creation, assignment, and tracking for individuals and teams.
It offers an intuitive dashboard, real-time progress tracking, automated status updates, and seamless collaboration tools.
Perfect for both personal productivity and team project management.


πŸš€ Features

  • πŸ“Š User Dashboard – View assigned tasks, track progress, and access task insights.
  • πŸ“ Task Management – Create, edit, delete tasks with due dates and priorities.
  • ⚑ Automated Status Updates – Tasks auto-update status based on checklist progress.
  • 🀝 Team Collaboration – Assign tasks to multiple users & monitor completion.
  • πŸ“Œ Priority Tracking – Categorize tasks by priority and monitor levels.
  • πŸ“‘ Report Downloads – Export task data for analysis.
  • πŸ“Ž Attachment Support – Add and access task-related files.
  • πŸ“± Mobile Responsive – Smooth experience on all devices.

πŸ›  Tech Stack

Frontend Backend Database Styling Others
React React.js Node.js Node.js MongoDB MongoDB TailwindCSS Tailwind CSS JWT JWT Auth
- Express Express.js - - Chart.js Chart.js

πŸ“‚ Folder Structure

MERN-Stack-Task-Manager/
│── backend/           # Express server, MongoDB models, routes, controllers
│── frontend/          # React.js app with Tailwind CSS
│── package.json       # Project dependencies
│── README.md          # Documentation

βš™οΈ Installation & Setup

1️⃣ Clone Repository

git clone https://github.com/Sushant98K/MERN-Stack-Task-Manager.git
cd MERN-Stack-Task-Manager

2️⃣ Setup Backend

cd backend
npm install

Create a .env file in backend/:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
PORT=8000
ADMIN_INVITE_TOKEN=create_admin_invite_code

Run backend server:

npm run dev

3️⃣ Setup Frontend

cd ../frontend
npm install
npm run dev

πŸ“Έ Screenshots

Log-in Dashboard Task Management
LoginPage Dashboard TaskManagement

πŸ“‘ API Endpoints

Auth Routes

Method Endpoint Description
POST /api/auth/login Login user
POST /api/auth/signup Register new user
GET /api/auth/user Get logged user info

Task Routes

Method Endpoint Description
GET /api/tasks Get all tasks
POST /api/tasks Create new task
PUT /api/tasks/:id Update task
DELETE /api/tasks/:id Delete task

πŸ“Œ Usage

  1. Login or register.
  2. Create and assign tasks with priorities and due dates.
  3. Monitor progress from the dashboard.
  4. Download task reports for analysis.

🀝 Contributing

  1. Fork the repo
  2. Create a feature branch: git checkout -b feature-name
  3. Commit changes: git commit -m 'Add some feature'
  4. Push to branch: git push origin feature-name
  5. Create a Pull Request

πŸ“œ License

This project is licensed under the MIT License – see the LICENSE file for details.


πŸ‘¨β€πŸ’» Author

Sushant
GitHub
LinkedIn

About

MERN Stack Task Manager

Resources

License

Stars

2 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors