Framer lets you design and concept interactive web and mobile interfaces in a single application. Some of the top design teams use Framer to prototype their interfaces because it blurs the lines between design and reality.
One reason symbols are so powerful is because you can set up the instances to be customizable using text templates and states. The drink list item has multiple states and placeholder texts - time to make it a symbol!
Before getting into the details of each screen, it's usually useful to stub out the navigation of the app, at least for a simple one with few screens. Get some more practice in Design mode with the Navbar design.