Volver al catálogo de proyectos

Proyecto de aprendizaje / Desarrollo full stack

UpTask

Idea propuesta en un curso

A partir de una idea propuesta en un curso, implementé una aplicación colaborativa para gestionar proyectos y tareas, con cuentas, roles, estados de tareas y sincronización entre React y una API REST.

Ver código de UpTaskAbrir demo de UpTask
Pantalla de inicio de sesión de UpTask
Captura del producto actual.

Contribución y alcance

Qué implementé.

Implementación de una aplicación de aprendizaje con React, API Express y permisos para managers y colaboradores.

Gestión de proyectos, tareas, estados y colaboradores, con confirmación y recuperación de cuenta.

Arquitectura lógica

  1. Interfaz · React

    Estado remoto y revalidación con TanStack Query.

  2. Servicios · Express

    JWT y autorización diferenciada de managers y colaboradores.

  3. Persistencia · MongoDB

    Datos de proyectos, tareas y colaboración.

Esquema explicativo basado en las decisiones documentadas del proyecto; no representa una topología interna institucional.

Compara la arquitectura con el código de proyectos, tareas y permisos. La demo permite revisar acceso y registro; la captura y las decisiones se pueden consultar sin una cuenta.

El reto

Contexto antes que código.

Centralizar proyectos, tareas y colaboración en equipo sin permitir que un colaborador ejecute acciones reservadas para quien administra el proyecto.

Decisiones técnicas

Cómo se construyó.

  1. 01

    Separé la interfaz en React y TypeScript de una API REST construida con Express y MongoDB.

  2. 02

    Apliqué autenticación con JWT y autorización por rol para distinguir managers y colaboradores.

  3. 03

    Utilicé TanStack Query para cachear, invalidar y sincronizar el estado remoto después de cada mutación.

  4. 04

    Integré confirmación de cuenta y recuperación de contraseña mediante correo electrónico.

Funciones

Implementación.

  • CRUD de proyectos y tareas
  • Estados y seguimiento de tareas
  • Búsqueda y asignación de colaboradores
  • Registro, confirmación y recuperación de cuenta

Evidencia

Qué puede revisarse.

La demo pública permite comprobar los flujos de acceso y registro. El repositorio contiene el cliente, la API y la implementación de proyectos, tareas, miembros y permisos.

Tecnologías

  • React
  • TypeScript
  • Node.js
  • MongoDB
  • JWT
  • Bcrypt
  • Zod
  • TanStack Query

Contacto

Hablemos de tu próximo proyecto.

Abierto a oportunidades en desarrollo de software, ciberseguridad, redes y cómputo en la nube.

ContactarDescargar CV