Backlog Técnico Priorizado

Configurar estructura base del proyecto Next.js con TypeScript y Tailwind

Scaffold inicial con App Router, layouts, navegación y sistema de diseño base.

Implementar capa de persistencia local con localStorage y hooks reutilizables

Crear hooks genéricos useLocalStorage y funciones CRUD para gestionar datos del MVP sin base de datos externa.

Crear formulario de alta de proyecto con validación

Formulario con campos: nombre, cliente, ubicación, fechas, responsable. Validación de campos obligatorios.

Implementar listado de proyectos con filtros y búsqueda

Tabla/cards de proyectos con filtro por estado, búsqueda por nombre y ordenamiento.

Crear vista de detalle de proyecto con tabs de navegación

Vista de detalle con pestañas: Partidas, Presupuesto, Ejecutado, Tablero, Cronograma.

Implementar formulario de carga de partidas con categorías

Formulario para crear partidas con código, descripción, unidad, cantidad, precio unitario. Agrupación por categoría.

Crear tabla editable de partidas con cálculo automático de totales

Tabla inline-editable con cálculo automático de total (cantidad × precio unitario) y subtotales por categoría.

Implementar API routes CRUD para proyectos y partidas

Endpoints REST para CRUD completo de proyectos y partidas usando almacenamiento en memoria/localStorage.

Consolidar presupuesto automático desde partidas

Calcular y mostrar presupuesto total del proyecto agregando todas las partidas. Desglose por categoría.

Crear dashboard de presupuesto con totales y porcentajes

Vista de resumen con cards de totales, gráfico de distribución por categoría y tabla de desglose.

Implementar versionado de presupuesto

Guardar snapshot del presupuesto como versión con fecha. Permitir comparar versiones.

Crear formulario de registro de avance ejecutado por partida

Formulario para registrar cantidad ejecutada, monto, fecha y observaciones por cada partida.

Implementar historial de registros de ejecución con timeline

Vista cronológica de todos los registros de ejecución de una partida con detalles.

Calcular porcentaje de avance automático por partida y proyecto

Cálculo automático: (ejecutado / planeado) × 100. Indicadores visuales de progreso.

Construir tablero comparativo planeado vs real

Dashboard con tabla comparativa mostrando por partida: planeado, ejecutado, desviación absoluta y porcentual.

Implementar gráficos de barras planeado vs ejecutado

Gráficos de barras horizontales comparando planeado vs ejecutado por categoría. Usar CSS puro (sin librería externa).

Implementar indicadores de desviación con semáforo

Semáforo visual: verde (<5% desviación), amarillo (5-15%), rojo (>15%). Alertas automáticas.

Construir vista de cronograma Gantt simplificado

Vista tipo Gantt con barras horizontales por partida/fase. Eje X = tiempo, barras para fechas plan vs real.

Implementar edición de fechas en cronograma (drag o formulario)

Permitir ajustar fechas de inicio/fin desde el cronograma mediante formulario modal.

Exportar presupuesto y comparativo a CSV

Botón de exportación que genera CSV del presupuesto y del tablero comparativo.

Implementar dashboard general del proyecto con KPIs

Vista resumen con KPIs: presupuesto total, ejecutado total, % avance, desviación, partidas completadas.

Diseñar sistema de navegación y UX responsive

Sidebar colapsable, breadcrumbs, navegación mobile-first, estados vacíos y loading.

Pruebas de integración end-to-end del flujo completo

Validar flujo: crear proyecto → cargar partidas → ver presupuesto → registrar ejecutado → ver tablero → cronograma.

Documentación técnica y guía de usuario básica

README actualizado con instrucciones de desarrollo, arquitectura y guía de uso básica.