E12: Jamba Juice 1: Implement the Menu

As of Summer, 2016, the Jamba Juice store at the Manoa campus had the following menu (you can click on the image to view it full size):

Each Jamba Juice menu item can be represented as follows:

• The name of the drink (example: “APPLE ‘N GREENS”)
• The list of ingredients (example: [“apple”, “kale”, “banana”, “mango”, “strawberry”, “peach”]
• The price for a small, medium, and large (example: {small: 5.15, medium: 5.75, large: 6.55})
• The number of calories in a small, medium, and large (example: {small: 250, medium: 320, large: 420}).

For the first Jamba Juice assignment, you will create Typescript classes to represent four menu items and use them to define another class called Menu.

Ready? Let’s begin:

1. Start your timer.

2. Open TypeScript Playground. You may need to delete the existing code in the Playground.

3. Create a class called “MenuItem”, with a constructor that takes:

   • a name (string),
   • an array of ingredients (strings),
   • an object whose keys are small, medium, large and whose values are the associated prices,
   • another object with the above keys and the associated calories

4. Create instances of MenuItem for PapayaSunrise, PeachPerfection, StrawberryDragon, and StrawberryWhirl. Use the console to check that they represent their item correctly.

5. Create a class called “Menu” which provides access to one or more MenuItem instances. It has:

   • an addMenuItem() method to add a MenuItem subclass to the menu.
   • a findMenuItems(ingredient) method that takes an ingredient string and returns all of the MenuItems that contain that ingredient.

6. Create an instance of the Menu class, add the four MenuItem instances to it, and use the findMenuItems() method to find the two MenuItems that are made with mangos.

7. Press the “Share” button to create a URL to refer to your code.

8. Stop your timer and record your time for this attempt. Be sure to record all your WOD times, because you will need them when you write your technical essay.

Rx: < 21 min Av: 21 - 25 min Sd: 25 - 30 min DNF: 30+ min              Start WOD Timer

Demonstration

Once you’ve finished trying the WOD for the first time, watch me do it.

Standard WOD Caveats

You’ll learn significantly less from watching me solve the if you haven’t attempted the WOD yourself first.

While it’s an achievement to finish the WOD no matter how long it takes, you might experience “diminishing returns” if you work longer than the DNF time. Thus, it is usually strategic to stop working at the DNF time and watch my solution.

After watching my solution, I recommend that you repeat the WOD if you have not achieved at least Av performance. If so, be sure to:

• Clear your playground by deleting all your code.
• Don’t look at my screencast while you WOD; and
• Reset your timer.

Feel free to keep trying until you make Rx if that’s of interest to you.

Submission Instructions

By the time and date indicated on the Schedule page, submit this assignment via Laulima.

Your submission should contain:

• A link to the Typescript Playground. Make sure you include the complete URL so that I can open it in my browser.

• The number of times you have attempted this assignment so far, and for each time, how long it took you.

• A brief sentence telling us if you used ChatGPT or GitHub Copilot. If you used neither, then tell us that.

You will receive full credit for this practice WOD as long as you have attempted it at least once and submitted your work on Laulima with all required data before the due date. Your code does not have to run perfectly for you to receive full credit.