Let's build Online Ordering App (clone-able)

This is one of PSABH series.

This is an example app that shows a multi-sided app (as Business and as Customer) and how online ordering works in Adalo.

Customers can create order and complete them and start new order again.

Business can monitor the transactions as customers create them.

Play around and ask questions if you are interested.

Business can monitor the transactions
compressed 2022-05-11 at 8.18.42 AM (1)

2 customers create orders, they can go back and resume ordering, if they need to
compressed 2022-05-11 at 8.19.31 AM (1)

Business can see unpaid transactions
compressed 2022-05-11 at 8.27.20 AM (1)

2 customers are finishing their orders and business can see the result
compressed 2022-05-11 at 8.29.37 AM (1)

There is a delete all transactions function for this demo purpose only, in order to clear those orders.

This circular ordering mechanism can be facilitated by Adalo’s great capability.

Imagine if this is combined with Location, new product can show as additional items to order, such as when customer is ordering in store and doing takeaway.

2 Likes

Database design of this app can be roughly described below:

User will create new order header in order to save date and payment status, as well as total order.
Order header will be the parent of order detail that hold value of quantity and product, as well as line total.
Product is linked to order detail, as order detail can only have 1 product.

After payment, new order header can be created again and following the same process again.

Made some little improvements here.

Showing 2 different ways to order,

  1. Quick Ordering for products that are well known and
  2. Page Ordering for products that need more information to buy

compressed 2022-05-25 at 5.53.36 AM (1)

With quick ordering, order details are pre-processed for quicker UX.