Volver a Destacados

Proyecto destacado

Task Cloud

Angular PWA offline-first + Nest/Neon en monorepo Turborepo

Task Cloud es una PWA de tareas personales con offline real y sincronización en la nube. Monorepo Turborepo (Angular/Ionic + NestJS), Postgres en Neon y deploy unificado en Vercel. La documentación completa del caso de estudio está en markdown dentro del repositorio del portfolio.

Task Cloud
Año
2024–2026
Rol
Full-stack
Plataforma
Angular PWA · NestJs API · Turborepo
Datos
Neon Postgres

El problema

Una lista de tareas que abre en un formulario, en un registro o en un tablero de columnas pide una decisión antes de enseñar las tareas. La prioridad queda escondida dentro de cada fila. Sin red, la pantalla se vacía donde estaban las tareas.

La solución

La lista es la primera pantalla: unas filas, un buscador y, en la esquina, filtros de prioridad alta, media y baja. Crear una tarea es un panel: título, una descripción corta, prioridad y etiquetas. Al guardar, el panel se cierra sobre la lista. Hecho y pendiente son filtros de esa misma lista. Los ajustes viven en su pestaña: sincronizar, tema e idioma. En el móvil la lista ocupa la pantalla, con Lista y Ajustes en la barra de abajo.

Capturas

Task Cloud — Lista · escritorio
Lista · escritorio
Task Cloud — Nueva tarea
Nueva tarea
Task Cloud — Ajustes · escritorio
Ajustes · escritorio
Task Cloud — Lista · móvil
Lista · móvil
Task Cloud — Ajustes · móvil
Ajustes · móvil

Stack técnico

Angular 22
PWA shell
Ionic 8
UI + Storage
NestJS 11
API REST
Neon
Postgres serverless
Turborepo
Monorepo
Vercel
PWA + /api
Tailwind
Estilos
Web Código fuente Documentación Testing ← Volver a Destacados