A visual guide to the app's screens and user flow.
On launch, the app displays the coffee shop logo and tagline for 2 seconds before navigating to the main menu.
The home screen lets the user choose a category to browse, open their basket, or view order history. The basket button shows the current item count.
Each menu page shows items with an image, name, and price. Tapping + adds the item to the basket — the button briefly flashes green to confirm.
The basket lists all added items with their price and quantity. Each item can be removed with the red × button. The total updates in real time. Tapping Proceed to Checkout moves to the next step.
The customer enters their name and phone number. These are saved automatically and pre-filled on the next order. The phone number is validated before the order is accepted.
After tapping Place Order, a confirmation dialog shows the customer's name and a unique order number (ATU-XXXXXXXX). The basket is cleared and the app returns to the main menu.
Shows all orders placed in the last 7 days, with order number, customer name, date, time, and total. Tap any order to see its items.
Tapping an order in the history opens a detail view showing each item purchased, its quantity, subtotal, and the order total.
