Back to project

Goiko — Customer Area

Account, order history, saved addresses and loyalty

The Challenge

Goiko needed a customer area where users could manage their profile, see order history, save addresses and access loyalty benefits, with a consistent experience on any device.

My Role

I built the frontend: profile and address management with Google Maps, order history and reorder flow, Firebase Auth, and QR/loyalty section so users could reuse data at checkout.

Key Features

  • Profile and address management with Google Maps
  • Order history and reorder flow
  • Firebase Authentication and optional reCAPTCHA
  • QR codes and loyalty section

The Outcome

  • Single customer area that supports the main Goiko ordering flow
  • Reuse of addresses and preferences for faster checkout

How It Works

  1. 01

    User signs in with Firebase (email or social); profile and saved addresses are available.

  2. 02

    Addresses can be added or edited with Google Maps; they are reused at checkout in the ordering app.

  3. 03

    Order history is displayed; the user can trigger a reorder from a past order.

  4. 04

    Loyalty and QR section gives access to benefits linked to the Goiko account.

Stack

ReactViteFirebaseGoogle Maps APIReact QueryZustand