Project UpTask



Description
UpTask is a web application for collaborative task management. It includes two main roles:
Manager: can create, edit, and delete projects, tasks, and notes. Also manages collaborators.
Collaborator: can move tasks between states and manage their own notes.
The entire system includes full validations on both client and server. It was built fully in TypeScript (frontend + backend), with protected routes and a custom 404 page.
Learnings and technical features:
- Advanced use of @tanstack/react-query for data handling.
- Complex forms using react-hook-form.
- Implementation of MVC architecture.
- Complex modeling in MongoDB with Mongoose.
- Scalable backend structure.
- Handling multiple endpoints (8–10 in the task view).
Test data
Manager: correo@correo.com
Password: 55115511
Collaborator: martin@correo.com
Password: 55115511
Technologies
- React
- React Router Dom
- React Hook Form
- React Query
- TypeScript
- Tailwind CSS
- Express
- Express Validator
- MongoDB
- Thunder Client