> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/solutions/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/solutions/retail-solution/order-portal-retail-dashboard/mobile-order-dashboard.md).

# Mobile Order Dashboard

<div align="left"><figure><img src="https://1639562757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FijvHnz0DM3Img2NKY2aa%2Fuploads%2FEEclvTfZRO8eDj7qwoRX%2Fimage.png?alt=media&amp;token=122d1460-64ff-47ba-80fd-18f01dec740b" alt=""><figcaption></figcaption></figure></div>

## **The interface of the dashboard**

### **Main Page**

* On the main page, we have the ***Today’s Menu*** section in which users can add or remove items. The total items count will be displayed in the bottom items tile.
* Users can add Coupons to their orders. Once they added items, they can order their food.

![](https://1639562757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FijvHnz0DM3Img2NKY2aa%2Fuploads%2FMNt8W0kFdQu4HMFXwLWD%2Fimage.png?alt=media\&token=8c4ec566-868d-49c2-a507-063e573e2ca8)

### **Successful order**

A successful message popup will come after the user clicks on the Order Food button at the end       of the dashboard.

![](https://1639562757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FijvHnz0DM3Img2NKY2aa%2Fuploads%2F7vYKjKUh1lLCJDPVEbQW%2Fimage.png?alt=media\&token=dfc09fb8-cb9b-41e2-8549-d8f93a3905e3)

### **API ingestion**

* When the user clicks on Order Food, An API will be called, and it will send the ordered and customer details to the main pipeline. The data as API contains below JSON structure:
* The same data will be written into MongoDB and sent to the Kitchen dashboard through WebSocket.

### **Failure message**

* If API ingestion fails, then a notification appears in the dashboard to mention that the order has failed.

![](https://1639562757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FijvHnz0DM3Img2NKY2aa%2Fuploads%2FTB1u7gWqRniLGN2UPwLa%2Fimage.png?alt=media\&token=c1fe7652-fccf-4aeb-8078-10f60716727b)

### **Recommendation message**

* Based on the customer segmentation, customer lifetime value, and churn, the pipeline will process the real-time order and share the real-time recommendation back to the application.
* From the main pipeline recommendation items, data will be sent to the dashboard through WebSocket.
* The notification bell in the title tab will indicate when data comes to the dashboard.

![](https://1639562757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FijvHnz0DM3Img2NKY2aa%2Fuploads%2Ft0st9uVweSnomxjDBqvt%2Fimage.png?alt=media\&token=7a681f03-5474-403d-b36c-b630bc3908de)