🚀 MERN Stack Task Manager App

A powerful and intuitive task management web application built with the MERN Stack (MongoDB, Express.js, React.js, Node.js). This application features role-based dashboards for Admins and Members, enabling streamlined task assignment, real-time progress tracking, and insightful data visualization using charts.

🧩 Features

✅ Role-Based Access

Admin Dashboard:

• Create, assign, update, and delete tasks.
• Assign tasks to specific members.
• Monitor real-time task progress.
• Visualize progress via bar charts and pie charts using recharts.

Member Dashboard:

• View assigned tasks.
• Update task status: Pending, In Progress, or Completed.
• View personal task progress.

📊 Task Progress Visualization

• Bar Charts for task distribution overview.
• Pie Charts for completion rate analysis.
• Built using the Recharts library for clean and interactive UI visualizations.

🔐 Authentication & Authorization

• Secure login and role-based routing.
• Admin and members have different access rights and UIs.

🛠️ Tech Stack

• Frontend: React.js, Tailwind CSS, Recharts
• Backend: Node.js, Express.js
• Database: MongoDB (Mongosh)
• Authentication: JWT (JSON Web Tokens)
• State Management: React Context API