A robust and collaborative MERN Stack-based project management platform that empowers teams to create, track, and manage tasks efficiently with real-time updates, smart notifications, and visual insights.
- ✅ Add & Manage Projects – Create projects with title, description, tech stack, and timelines.
- 🟢 Status & Priority Filtering – Mark projects as Completed (green) or Pending (red), and filter by priority.
- 📊 Progress Tracking – Visual indicators with progress bars.
- 📩 Email-Based Task Assignment – Assign tasks via email and share work details using integrated forms.
- 🔔 Smart Alerts – Get instant toast or modal alerts using React-Toastify and SweetAlert2.
- 🔐 JWT Authentication – Secure user login with token-based sessions.
- 🔍 Real-time Issue Reporting – Report bugs or raise issues instantly using WebSocket-based updates.
- 📅 Task Calendar View – View tasks by date, including deadlines and important milestones.
- 📨 Email Notification System – Keep team members informed on status and due date updates.
- 📈 Analytics Dashboard – Visual insights on project metrics.
| Frontend | Backend | Database | Others |
|---|---|---|---|
| React.js | Node.js | MongoDB | Express.js, Tailwind CSS |
| React Router DOM | Mongoose | - | React Toastify, SweetAlert2, AOS |
📂 Project Folder Structure
This folder structure illustrates how the app is organized for scalability and modularity, separating logic for components, routes, services, and assets.
1. Send Invite to Project Group
2. Task Page Overview
3. Task Creation Form
4. Calendar View with Task Deadlines
5. Project Summary Dashboard
6. Real-time Issues & Reports Page
7. Login Page with Role-Based Access & JWT Authentication
🔐 Firebase Google Authentication
Integrated Firebase Google Sign-In in both the Sign In and Sign Up pages for a seamless and secure login experience.
- 🕒 Live Time Display – Real-time clock to improve time-based tracking.
- Dashboard For projectManager-Realtime Dashboard where Manager can view the complete Tasks/Projects.
- 📤 Export Reports/CSV – Export project and task reports.
- 📱 Mobile-Friendly UI – Fully responsive design for smaller screens.
- 🔍 Search & Sorting Features – Filter tasks/projects with search and sort controls.
- 🗂️ Category-Based Grouping – Organize tasks/projects by teams, departments, or tags.
- 📎 File Attachments for Tasks – Add documents/resources to individual tasks.
- 🗒️ Note Taking Feature – Add important notes like meeting reminders or task deadlines.
- 📨 Due Date Email Notifications – Auto-reminders sent via email on approaching deadlines.
# Clone the repo
git clone https://github.com/ravitharun/task-status.git
cd TASKNEST
# Install frontend dependencies
cd Client
npm install
npm run dev
# Install backend dependencies
cd ../backend
npm install
npx nodemon