Task Manager App – MERN Stack
A full-stack Task Manager app built with MERN stack featuring priority levels, due dates, dark mode, and live deployment.
Preview Gallery
7 media
Technologies & Skills
Tags
Download at no cost
What's Included
Support & Customization
Resource Links
This is a fully functional Task Manager web application built using the MERN stack (MongoDB, Express.js, React, Node.js).
Features:
- Add, complete, and delete tasks
- Priority levels (High, Medium, Low)
- Due dates with overdue detection
- Filter tasks by status (All, Active, Done, High Priority)
- Progress bar showing completion percentage
- Dark mode toggle
- Data stored in MongoDB Atlas (persistent storage)
Tech Stack:
- Frontend: React.js, Axios, CSS
- Backend: Node.js, Express.js
- Database: MongoDB Atlas
- Deployment: Vercel (frontend) + Render (backend)
Live Demo: https://task-manager-lemon-six.vercel.app
GitHub: https://github.com/CharishmaNelakurthi/task-manager
Future Enhancements
User authentication, task categories, email reminders, drag-and-drop reordering
Known Issues
Installation
1. Clone the repository: git clone https://github.com/CharishmaNelakurthi/task-manager
2. Install backend dependencies: cd backend && npm install
3. Add .env file with MONGO_URI=your_mongodb_connection_string
4. Run backend: node server.js
5. Install frontend dependencies: cd ../frontend && npm install
6. Run frontend: npm start
Usage
1. Open the live demo at https://task-manager-lemon-six.vercel.app
2. Type a task in the input field and click Add
3. Set priority (High/Medium/Low) and due date
4. Use filters to view All, Active, Done, or High priority tasks
5. Check the checkbox to mark a task as completed
6. Click the trash icon to delete a task
7. Toggle dark mode using the moon icon
System Requirements
Node.js v16+, npm, MongoDB Atlas account (for local setup). No installation needed to use the live demo.
Slides Open in New Tab
For better readability, slides are opened directly. Documents remain preview-only with secure backend rendering.
Showing preview pages only. Purchase for full access to all pages and complete source package.
Login for Full AccessNo Q&A available yet
Be the first to ask a question!
Ask a Question
Customer Reviews
Write Your Review
No reviews yet
Be the first to review this project!
Similar Projects
You might also be interested in these projects
website Development
Modern Developer Portfolio Website
A modern developer portfolio website built with React, TypeScript, and Vite to showcase projects, technical skills, education, and experience.
website Development
Tutor Link
Tutor Link is a platform that connects students with tutors, offering an easy way to browse, connect, and manage learning.
website Development
College compass
College search and comparison platform built with React, Express.js, Node.js, and PostgreSQL for informed student decisions.
website Development
Full-Stack Job & Internship Portal (MERN)
A full-stack MERN job portal featuring JWT authentication, role-based dashboards, job posting, applications, resume uploads, and notifications.