The Display App runs on a monitor above the coffee bar. It provides a list of upcoming and completed drinks. It also shows the QR code that customers scan to start their orders. This is the first of three frontends you will set up.
This frontend has already been deployed and is presented as a hosted UI at https://workshop-display.serverlesscoffee.com/.
Source code for this application:
Most of front end configurations have already been entered for you, you must load these by selecting the Display app URL from the Cloud Formation template outputs:
From the AWS Management Console, search for “Cloud Formation”, then choose “Cloud Formation” from the list of results.
From the List of Stacks, select the core stack it should be named something like mod-67b03f2bcecc4faf.
3.Choose the Outputs tab.
Find Output named DisplayAppURI and choose the pre created URL, Open this link in a new tab.
This opens the display application UI with all but 2 of the configurations pre-filled.
poolIdvalue from Finding the Settings earlier..
hostvalue from Finding the Settings earlier.
The Serverlesspresso application supports both user and admin accounts. The admin account can log into the Display and Barista apps, whereas users can only log into the Customer app. In this section, you will create an admin user to log into all apps.
adminfor the Group name and choose Create group.
Note the 4 admin buttons provided in the top right-hand corner:
The QR code shown will change every five minutes and limit the total number of orders to the value shown on the screen (10 by default). Later, in the end-to-end test, you will scan this QR code to start the ordering process.
Keep the Display App open in a browser tab.
Next, you will set up the Barista App.