VOY v1 es una app desktop-first con sidebar, topbar, modales, paneles laterales deslizantes, y layout de 2 columnas. La maqueta de Celia solo muestra phones de 375px. Falta toda la versión desktop.
| Feature de VOY v1 | En maqueta Celia | Detalle faltante |
|---|---|---|
| Sidebar completa | FALTA | Buscar servicio, Servicios activos (con badge), Historial, Favoritos, Pagos, Notificaciones, Mi perfil — con iconos FA |
| Topbar con buscador | FALTA | Buscador central con input, avatar con nombre+email, bell con dot, chat icon |
| Mapa Leaflet interactivo | PARCIAL | Solo muestra placeholder estático. VOY v1 tiene mapa real con markers custom, clusters, popups |
| Filtros avanzados | PARCIAL | Solo chips. Falta: radio slider, ordenar por (distancia/rating/precio), checkbox solo disponibles, checkbox solo verificados |
| Toggle lista/grid | FALTA | Vista lista vs grid con botones toggle |
| Worker detail panel (slide-in) | PARCIAL | Perfil público OK pero en VOY v1 es un panel de 420px que desliza desde la derecha con: avatar, bio, skills tags, galería 3-col, reseñas, botones "Mensaje" + "Agendar" |
| Modal de booking completo | FALTA | Modal con: info worker, tipo servicio select, modalidad (inmediato/agendar), fecha, hora, dirección, descripción, resumen precio |
| Servicios activos (vista) | PARCIAL | Solo card en dashboard. VOY v1 tiene vista dedicada con cards detalladas + badges cotización + botón cancelar + chat |
| Historial (tabla) | FALTA | Tabla data-table con todos los servicios pasados |
| Rating modal | PARCIAL | En maqueta está inline. VOY v1 tiene modal dedicado con estrellas grandes clickeables + textarea + botones cancel/enviar |
| Favoritos (vista) | FALTA | Grid de workers favoritos con corazón toggle y persistencia en localStorage |
| Pagos (vista) | FALTA | Vista de métodos de pago |
| Perfil cliente editable | FALTA | Nombre, email, teléfono, ciudad, avatar upload, cambiar contraseña — con tabs |
| Quotation view modal | FALTA | Modal para ver cotización completa con desglose + botones aceptar/rechazar + descargar PDF |
| Layout 2 columnas | FALTA | client-grid: 380px sidebar + 1fr mapa. Responsive a 1 col en mobile |
| Feature de VOY v1 | En maqueta Celia | Detalle faltante |
|---|---|---|
| Sidebar profesional | FALTA | Dashboard, Solicitudes (con badge), Agenda, Ganancias, Mi perfil, Verificación (con !), Reseñas |
| Toggle disponibilidad en topbar | FALTA | Switch con status-dot verde/rojo + label "Disponible"/"No disponible" en topbar Y en dashboard |
| Solicitud card con estados | PARCIAL | VOY v1 tiene .request-card con .new (borde azul + label "NUEVA"), botones Aceptar/Rechazar/Cotizar, info client con avatar+rating |
| Modal cotización completo | PARCIAL | VOY v1 tiene: info cliente/servicio, tarifa/hora con grid 3 cols, tabla materiales con agregar/eliminar filas, resumen con subtotales + comisión 15% + TOTAL, notas textarea, botón enviar |
| Calendario completo | PARCIAL | VOY v1 tiene calendar-grid 7 cols con .today, .has-job (dot verde), .busy (amarillo), .other-month, click para ver detalle del día |
| Agenda layout 2 cols | FALTA | Grid: calendario 1fr + detalle día 340px con timeline de trabajos |
| Ganancias vista completa | PARCIAL | VOY v1 tiene: 4 stat cards + gráfico de barras + comparativa mensual + detalle transacciones |
| Perfil profesional editable | FALTA | Nombre, bio, skills, galería, teléfono, ciudad, avatar upload + cambiar contraseña |
| Verificación wizard completo | PARCIAL | VOY v1 tiene: step-icon (done/pending/missing) con iconos, upload de docs con preview, estados por documento |
| Reseñas vista | FALTA | Lista de todas las reseñas recibidas con stars + texto + fecha |
| Chat modal | PARCIAL | VOY v1 tiene modal 460px con header + messages scrolleable + input con polling real |
| Dashboard stat cards | PARCIAL | VOY v1 tiene 4 cards con iconos FA, valor, label, trend (↑ % vs mes anterior) — más detallados que la maqueta |
| Active job card | OK | Cubierto en maqueta pero sin botón "Completar trabajo" con confirmación |
| PDF generation | FALTA | Botón para generar/descargar cotización en PDF (jsPDF) — no está en ninguna pantalla de la maqueta |
| Feature de VOY v1 | En maqueta Celia | Detalle faltante |
|---|---|---|
| Login admin separado | FALTA | Admin tiene login con contraseña especial (VOY_ADMIN_PASSWORD) |
| Admin dashboard completo | PARCIAL | VOY v1 tiene: stats grid (usuarios, workers, servicios, revenue, comisiones, verificaciones pendientes) |
| Verificaciones con acciones | FALTA | Lista de verificaciones pendientes con botones aprobar/rechazar + preview de documentos |
| Transacciones tabla | FALTA | Tabla completa de transacciones con filtros |
| Gestión usuarios detallada | PARCIAL | En maqueta solo lista. VOY v1 tiene: cambiar estado (activo/suspendido), ver detalles, filtros por rol |
| Efecto/Componente | En maqueta | Detalle |
|---|---|---|
| Design tokens (variables.css) | FALTA | VOY v1 tiene sistema completo: colores semánticos, spacing scale, radius, shadows, transitions, typography — todo en CSS custom properties |
| Color scheme VERDE | FALTA | VOY v1 usa verde (#059669) como color primario, NO azul. La maqueta usa azul en todo |
| Transiciones CSS | FALTA | var(--transition) en hover, sidebar open/close, panel slide-in, modal fade-in |
| Badge pulsante "NUEVO" | FALTA | .badge-new con gradiente indigo + animación pulseNew para features de cotización |
| Status dot animado | FALTA | .status-dot.online con animación de pulso en la topbar |
| Chart bars con hover | FALTA | Barras del gráfico con transición height 0.5s + hover que cambia color |
| Calendar con estados | FALTA | .cal-day.today (verde), .has-job (dot), .busy (amarillo), .other-month (gris) |
| Request card estados | FALTA | .request-card.new con borde azul + pseudo-element "NUEVA" + animación |
| Worker card hover | FALTA | Hover con shadow elevación + border-color change |
| Toast notifications | FALTA | Toasts con iconos (💡✅❌⚠️) + auto-dismiss 3.5s + fadeOut animation |
| FontAwesome 6.5 icons | FALTA | VOY v1 usa FA en todo: sidebar, stat-cards, buttons, badges. La maqueta usa emojis |
| Sidebar colapsible mobile | FALTA | Hamburger → sidebar slide-in + overlay backdrop |
| Modal con overlay | FALTA | .modal-overlay + .modal con header/body/footer pattern |
| Skill tags | FALTA | .skill-tag con blue-50 bg + blue-700 text |
| Gallery grid | PARCIAL | Solo placeholders. VOY v1 tiene gallery-row con img aspect-ratio 4/3 + object-fit cover |
| Star rating interactivo | FALTA | 5 estrellas con onclick setRating(), hover effect, color transition 0.15s |
| Dev panel flotante | FALTA | Botón morado flotante bottom-right → panel con tabs (Commits, PRs, Deploys, Tareas, Tools) |
| Feature | En maqueta | Detalle |
|---|---|---|
| Tabs Login/Registro | FALTA | VOY v1 tiene .auth-tabs con grid 2 cols: "Iniciar sesión" | "Registrarse" — con border-bottom active state |
| Selector de rol en registro | FALTA | Radio buttons: "🏠 Busco un servicio (Cliente)" / "🔧 Ofrezco mis servicios (Profesional)" |
| Campos de registro | PARCIAL | VOY v1 tiene: nombre, email, contraseña, confirmar contraseña, rol select, ciudad select — todo con validación en tiempo real |
| Auth card design | FALTA | .auth-card con radius-2xl, shadow 32px, max-width 440px, logo centrado arriba |
| Field validation | FALTA | .input.error con border rojo + mensaje de error debajo |
| Loading state en botones | FALTA | Spinner FA en botón mientras procesa login/registro |