Volver al proyecto

Turbowash — Panel de administración

Panel interno para ubicaciones, precios y operación del día a día

El reto

Turbowash necesitaba una herramienta interna para que el equipo gestionara ubicaciones, configuraciones de lavado, precios y datos operativos sin depender de desarrollo en cada cambio.

Mi rol

Desarrollé el frontend del panel de administración: tablas de datos con filtros y paginación, formularios con validación (Formik/Yup) e integración con la API para que el equipo pudiera actualizar y consultar datos por su cuenta.

Características principales

  • Gestión de ubicaciones y terminales
  • Precios y configuración de lavados
  • Tablas con ordenación, filtros y paginación
  • Flujos de formularios con validación y manejo de errores

El resultado

  • El equipo operativo puede actualizar configuración y consultar datos de forma autónoma
  • Una sola SPA en React alineada con el resto del stack front de Turbowash

Cómo funciona

  1. 01

    El equipo entra en el panel de administración.

  2. 02

    Gestiona ubicaciones y terminales desde tablas con filtros y paginación.

  3. 03

    Actualiza precios y configuración de lavados mediante formularios con validación.

  4. 04

    Los cambios se guardan vía API; el equipo operativo puede trabajar sin depender de desarrollo para el día a día.

Stack

ReactViteTanStack QueryTanStack TableZustand

Galería

Welcome screen — desktop
01 / 06

Welcome screen — desktop