TaskManager is a web application for project and task management. It allows users to create projects, organize work in categories, assign members to tasks, and track progress in one place. The project is built as a full-stack app with an Angular frontend, Node.js/Express backend, and MongoDB database.
Note
The live demo is hosted on Render's free tier, so the first request may take 15–60 seconds due to cold start.
You can explore the application using pre-configured demo accounts with existing projects and tasks.
Login credentials (use any):
- John Smith
- Adam Lopez
- Jennifer White
- Adam Smith
Password (for all accounts):
Password1!
- Frontend: Angular
- Backend: Node.js (Express)
- Database: MongoDB
- User registration and login
- JWT-based authentication and protected API routes
- Secure password storage (
bcrypthashing) - Creating and deleting projects
- Project settings and member management
- Creating, editing, and deleting tasks
- Task categorization (create/edit/delete categories)
- Assigning team members to tasks
- Drag & drop tasks between categories
- Task filtering (e.g., show only assigned tasks)
- Basic UI internationalization
- Go to
/serverfolder - Create a
.envfile by copying.env.example - Replace
<your-mongodb-connection-string>in.envwith your MongoDB URI
mongodb+srv://<username>:<password>@<cluster-host>/<database>?retryWrites=true&w=majority
Run this command from the project root (not /server):
npm run install-all
Run this command from the project root (not /server):
npm start
You need to provide your own MongoDB connection string in .env.
If you don't have one:
- create a free cluster at MongoDB Atlas
- go to Connect → Drivers
- copy the connection string
- paste it into
.env - replace
<db_password>with your password
Note
If you are having trouble with the SRV connection string, try disabling the "SRV Connection String" option and use a standard connection string (mongodb://) instead.