A business idea by combining two signature Seattle icons: Pat has developed a recipe for a coffee-time confection called Salmon Cookies.

Liz Mahoney

• Add the necessary HTML to create the input form.
• Don’t forget <fieldset>!
• Use the constructor function as your guide to determine what input fields your form needs (hint: also consider what is passed in when creating instances!)
• Your JS will need an event listener and and event handler, and you may also want a variable to facilitate DOM access to the form.
• The event handler should take the data from the input field, pass it into the constructor function, and create a new instance of a cookie stand that then appends to the table.
• Error correction on input? You probably should. Look at what kind of input validation is built in to HTML5.
• Work on writing a stand-alone function to generate a footer row which will display the total number of cookies sold per hour for all locations. When a new store is added using your form, the totals in the footer row should update to include these new sales numbers.
• Refactor code into smaller functions/methods.

• A table to show the total amount of projected cookie needs at each location, with the table displaying the cookie stand location, the total number of cookies needed for each location, an hourly breakdown of total cookies sales for each location, and a footer row of totals for each column.
• As a developer, I will continue to work on design aspects of the public-facing page.
• As a developer, to facilitate ongoing design work, I will make a style guide, using this one that a team Brian Nations was on made for everlast as a model.
• As a developer, to demonstrate to my client my ability to add value, I will create a second table that will help Pat manage staffing. Using the basic rubric that single Salmon Cookie Tosser can serve 20 customers per hour, and that each location should have a minimum of two Salmon Cookie Tossers on shift at all times, calculate how many Salmon Cookie Tossers are needed at each location each hour.
• As a user, I want to model my projected sales data as accurately as possible. Research into Pat’s customer traffic has shown that the hours of 8am, 11am, and 3pm tend to have more customers than other hours, and that the hours with the least customers are 1pm and 6pm. Apply a control curve to the projected sales numbers to reflect those daily ebbs and flows. The following array represents the percentage of maximum traffic that occurs during each of the hours from 6am to 8pm, and can be used to scale the projected hourly customer traffic into more accurate values

• Set up javascript object on app.js, applied functions to generate values.
• Style index.html & sales.html
• As a user, I want a webpage that displays individual store data for my Salmon Cookie Shops, so that I can be informed about how to run my business
• As a developer, I want to represent the store data in a list format on the webpage, so my client can view the information
• As a developer, I want to use object-oriented programming to build this site, so that the site will be more effective and the code will be easier to read and understand
• New repository properly set up with a license and README, and cloned to local machine
• Working on a non-master branch, with regular commit history
• Good use of Object Literals (no constructors allowed today); one for each store model; properties/values and methods are correctly constructed and given meaningful names
• Main page meets requirements of the problem domain
• Use template literals in your JS logic to render the stores as lists on the sales page
• As a developer, I want to make some headway on the public-facing page for the business

Problem Domain Document

Assignment Assets