This website simulates a pizza parlor's site that would take order information from a customer and calculate the price of a pizza based on the size and toppings selected. It was created to exercise the knowledge I have acquired from Epicodus this week regarding the construction and manipulation of objects in JavaScript. It also demonstrates elements I learned in previous weeks at Epicodus, most importantly the use of looping. Not only is the webpage fully functional and bug-free at this point, it is styled in a more sophisticated way than previous website constructions I have undertaken, demonstrating the increasing proficiency I have cultivated with HTML, CSS, and Bootstrap.
- Bootstrap
- CSS
- HTML
- JavaScript
- jQuery
- Markdown
- Brave
- Git Bash
- Microsoft Windows 10
- Visual Studio Code
- Download a web browser, such as Apple Safari, Brave, Google Chrome, Microsoft Edge, Mozilla Firefox, or Yandex.
- Navigate to https://github.com/taylorsomers/pizza-parlor.
- Click the green "Clone or download" button at the right of the screen.
- Select "Download ZIP."
- Use a file extractor or unzip program (such as PeaZip, Unzipper, WinZip, Zipware, or 7-ZIP) to extract the ZIP files onto your computer.
- Open the directory containing the extracted files.
- Double-click the "index.html" file to run the program through your web browser.
| Program Behavior | Example Behavior | Example Output |
|---|---|---|
| Program will create a pizza order that includes the property "size". | "let pizzaOrder = new PizzaOrder() > pizzaOrder" | "undefined > PizzaOrder {size: undefined}" |
| Program will change the size of the pizza depending on the size option chosen by the user. | "Small > Submit; Large > Submit" | "Alert: small; Alert: large" |
| Program will create a pizza order that includes toppings chosen by the user. | "Sauce: Check > Submit; Sauce: Check, Cheese: Check > Submit" | "Alert: sauce; Alert: sauce,cheese" |
| Program will update the pizza order each time a topping is subtracted by the user. | "Sauce: Check, Cheese: Check > Submit; Sauce: Check, Cheese: Uncheck > Submit" | "Alert: sauce,cheese; Alert: sauce" |
| Program will calculate a price for the pizza order based on the pizza size chosen by the user. | "Small > Submit; Large > Submit" | "Alert: 3; Alert: 5" |
| Program will calculate a price for the pizza order based on both the pizza size and the toppings chosen by the user. | "Size: Small, Sauce: Check > Submit; Size: Small, Sauce: Check, Cheese: Check > Submit" | "Alert: 4; Alert: 5" |
- No known bugs at this time. If any are discovered, please feel free to reach out and let me know. If you would like to contribute any fixes or improvements, please do!
- Taylor Somers
This website is licensed under the GNU General Public License GPLv3. (C) 2020 Taylor Somers. All rights reserved.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent