How It Works

A simple booking journey prepared for future live order tracking.

The frontend shows the exact customer flow that can later connect to the React Native app, Node.js API, and MySQL booking system.

1

Register / Login

Create or access a customer account for future order history and saved addresses.

2

Select Water Can

Choose 10L, 20L, 25L, or customized water can supply.

3

Place Booking

Select quantity, address, delivery date, and preferred delivery slot.

4

Admin Confirms

The future admin system can approve, reject, or modify orders based on route availability.

5

Delivery Staff Delivers

Assigned staff can move the booking through out-for-delivery status.

6

Customer Receives Water

The order completes once the sealed can is handed over at the doorstep.

Login Select Water Can Select Quantity Select Address Select Delivery Date Confirm Booking Pending Delivered