Task Management (MERN Stack)

A full-stack Task Management built using the MERN stack that helps users manage tasks efficiently with real-time insights, reminders, and a modern user experience.

🚀 Features

• Secure user authentication using JWT with protected routes
• Task creation, update, deletion, completion tracking, and search
• Task status management (Pending, In Progress, Completed, Overdue)
• Task priority levels (Low, Medium, High)
• Advanced filters & sorting by status, priority, due date, and completion
• Automated email notifications for task updates and due-date reminders
• Real-time overdue task detection and alerts
• Interactive analytics dashboard with task status & priority insights
• User profile management with profile picture upload and account editing
• Responsive and modern UI with smooth animations and toast notifications

🛠 Tech Stack

• Frontend: React, Tailwind CSS, Shadcn UI, React Query, Axios
• Backend: Node.js, Express.js
• Database: MongoDB (Mongoose)
• Authentication: JWT
• Notifications: Email service integration
• Charts: Task analytics visualization

🌐 Deployment

• Frontend: Vercel
• Backend: Render
• Database: MongoDB Atlas

📌 Architecture

• RESTful APIs built with Node.js & Express
• MongoDB schemas with Mongoose for efficient data modeling
• Secure role-based and user-specific data access
• Clean separation of frontend and backend with secure API integration
• Optimized queries and pagination for better performance

✨ Additional Highlights

• Protected API routes with centralized error handling
• Reusable UI components and scalable folder structure
• Optimistic UI updates using React Query
• Environment-based configuration for secure deployments