EGO: catálogo automotor y panel de análisis

Desarrollé una plataforma de catálogo automotor para EGO a partir de un diseño en Figma y una API REST de modelos. El alcance era maquetar el listado y la ficha de cada modelo de forma fiel al diseño y responsiva. Sobre esa base agregué un panel de análisis de inventario y propuse al cliente algunos cambios de diseño que mejoraban la experiencia.

Listado de modelos

El listado consume la API y muestra cada modelo con su año y precio, con filtros por segmento (sedán, hatchback, pickups, SUVs). Maquetado fiel al diseño de Figma y responsivo de mobile a desktop.

Ficha de modelo

Cada modelo tiene su ficha de detalle: imagen principal, características destacadas en un carrusel, y secciones de motor y transmisión. Los datos vienen del endpoint de detalle de la API.

Panel de análisis (valor agregado)

Más allá del alcance pedido, sumé un panel de Análisis de Inventario sobre los mismos datos de la API: indicadores (cantidad de modelos, precio promedio, mínimo y máximo), distribución de modelos por segmento, precio promedio por segmento y por año, rankings de más caros y más accesibles, y la mejor relación de precio dentro de cada segmento.

Stack y decisiones

React con TypeScript, consumo de la API REST con fetch/axios y CSS para reproducir el diseño. El panel de análisis calcula las métricas en el cliente a partir de la respuesta de la API y las muestra con gráficos de torta, barras y línea.

Estado

El proyecto está desplegado y disponible para probar en el demo enlazado arriba.