Foto de Franco Montechiani

Franco Montechiani

Full Stack Developer

Rosario, Argentina

Project UpTask

UpTask 0UpTask 1UpTask 2UpTask 3

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
ES