Back to project

Turbowash — Administration Panel

Internal panel for locations, pricing and day-to-day operations

The Challenge

Turbowash needed an internal tool so staff could manage locations, wash settings, pricing and operational data without calling on developers for every change.

My Role

I built the admin SPA frontend: data tables with filters and pagination, forms with validation (Formik/Yup), and integration with the existing API so the team can update and consult data on their own.

Key Features

  • Location and terminal management
  • Pricing and wash configuration
  • Data tables with sorting, filters and pagination
  • Form flows with validation and error handling

The Outcome

  • Operations team can update settings and view data on their own
  • Single React SPA aligned with the rest of the Turbowash front stack

How It Works

  1. 01

    Staff log in and access the admin panel.

  2. 02

    They manage locations and terminals from data tables with filters and pagination.

  3. 03

    Pricing and wash configuration are updated via forms with validation.

  4. 04

    Changes are saved through the API; the operations team works without developer involvement for day-to-day updates.

Stack

ReactViteTanStack QueryTanStack TableZustand

Gallery

Welcome screen — desktop
01 / 06

Welcome screen — desktop