Volver a Proyectos
En desarrolloNext.jsReactTypeScriptTailwind CSSPrismaPostgreSQLZustandRadix UIVitest2026
WEB To-Do List
Aplicación de gestión de tareas con Next.js 16, React 19 y TypeScript. Persistencia con Prisma y PostgreSQL; estado global con Zustand; componentes accesibles con Radix UI; estilos con Tailwind CSS 4 (tema claro y oscuro). Incluye bandeja de entrada, vistas Hoy y Próximo, completadas, buscador, filtros y etiquetas, modales para crear y editar, y barra lateral. Calidad asegurada con Vitest y Testing Library. Proyecto de uso educativo.
Qué aprendí
- Persistencia real con Prisma y PostgreSQL dentro del ecosistema Next.js (migraciones, seed, scripts npm)
- Cuándo preferir Zustand frente a Redux para estado de UI y datos cacheados en cliente
- Construir modales, diálogos y controles accesibles sobre primitivas de Radix UI
- Flujo de tests con Vitest, Testing Library y jsdom para componentes y rutas
- Temas claro/oscuro y tokens de Tailwind 4 coherentes en toda la app
Detalles Técnicos
- •Next.js 16 (App Router), React 19, TypeScript
- •Prisma 7, @prisma/adapter-pg y controlador pg hacia PostgreSQL
- •Zustand para estado del cliente
- •Radix UI (paquete umbrella radix-ui) y sonner para notificaciones
- •Tailwind CSS 4, cva (class-variance-authority), tailwind-merge y clsx
- •Vitest 4, @vitest/coverage-v8, Testing Library, jsdom
- •Scripts: db:push, db:migrate, db:seed (Prisma)