On My Grind Lab
Overview
On My Grind is a quiz game for guessing the recipes of popular and unknown Starbucks drinks, built using React, Vite, HTML, JavaScript, and CSS.
Gameplay
The game will generate a new drink order for you and ask you to compose it. You will have to memorize the drink recipes over time, selecting the correct option from four different categories: temperature, syrup flavor, milk type, and blended?. For example, if I receive a Hazelnut Oatmilk Latte, then my response should be hot, hazelnut, oat, no.
Project Demo
Setup
Dependencies
Install Dependencies
Before installing dependiencies, you will need node
and npm
installed globally on your machine by installing NodeJS onto your machine.
To install the dependencies, run:
npm install
Run On My Grind
In the repo directory, run the following in your terminal:
npm run dev
Visit the web application in the browser
http://localhost:5173/
Notes
Last Updated: March 2023