Skip to content

Rushikesh-Thorat/Task-Manager-mern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📌 Sauf Task Manager

A full-featured task management application designed for individuals and teams to organize, track, and collaborate on tasks effectively.


🚀 Features

  1. User Dashboard – View assigned tasks, track progress, and get task insights.
  2. Task Management – Create, update, and track tasks with due dates and priorities.
  3. Automated Status Updates – Task status changes automatically based on the checklist.
  4. Team Collaboration – Assign tasks to multiple users and track completion.
  5. Priority & Progress Tracking – Categorize tasks by priority and monitor completion levels.
  6. Task Report Downloads – Export task data for analysis and tracking.
  7. Attachments Support – Add and access task-related file links easily.
  8. Mobile Responsive UI – Seamless experience on desktop, tablet, and mobile.
  9. Intuitive Navigation – Clean sidebar menu for quick access to tasks and dashboard.

🛠️ Tech Stack

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT

🛠️ Setup Instructions

1. Clone the Repository

git clone https://github.com/Rushikesh-Thorat/Task-Manager-mern.git

cd Task-Manager-mern

📁 Project Structure

root/
│
├── backtend/               # React frontend
│
├── frontend/Task-Manager   # Express backend with mongoDB
│
├── profile pics/           # Express backend with mongoDB
│
└── README.md

2. Install Dependencies

Server (Backend)

cd backend
npm install
npm install jsonwebtoken
npm install mongoose

Client (Frontend)

cd ../frontend
cd Task-Manager
npm install

🔧 Environment Variables

Create a .env file in the backend.

Example .env for backend:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
ADMIN_INVITE_TOKEN=your_admin_token

🧪 Run the App Locally

Run Backend

cd backend
npm run dev

Run Frontend

In a new terminal:

cd frontend
cd Task-Manager
npm run dev

Open your browser and go to http://localhost:5173


📸 Project Layout (Structure)

📸 Project Screenshots

Login / SignUp Page

Admin Pages

User Pages

About

A full-featured task management application designed for individuals and teams to organize, track, and collaborate on tasks effectively. MERN Stack

Topics

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

No releases published

Contributors