Coder Social home page Coder Social logo

vanessasue27 / project-pizza-bot Goto Github PK

View Code? Open in Web Editor NEW

This project forked from technigo/project-pizza-bot

1.0 0.0 0.0 35.27 MB

Project Pizza Bot for Technigo's bootcamp - Use JavaScript to create a text-based bot which you can use to order pizza on your computer ๐Ÿ•๐Ÿ‘ฉโ€๐Ÿ’ป Developed by: Liliana Reger Horvath and Vanessa Sue Smith~

HTML 30.72% JavaScript 47.15% CSS 22.13%

project-pizza-bot's Introduction

Pizza Bot

The goal for this project is to create a Pizza Bot using JavaScript ๐Ÿ•๐Ÿ‘ฉโ€๐Ÿ’ป. We will be able to gather data from the user, such as type and amount of pizzas. With this information, we should create a JavaScript program to do some basic calculations and return an order summary/confirmation text to the user.

How we built it - What we learned

  • We decided to start by building an HTML form in which users can input the name of the pizza and how many they want to order - connect those HTML elements to JavaScript - and then store that data in variables that can be used for our functions.
  • The whole program is triggered by submiting the order form: It will start by checking whether the Pizza name input by the customer is correct, ask for a correct pizza type if needed, or move on to the next steps. This is managed with an if/ else function.
  • We learned about the preventDefault() event method, which came in handy for this project in order to prevent the page from refreshing every time the form is submitted, and the rest of the program could run ๐Ÿ‘Œ
  • This was also a good practice on closely following the control flow, so we could decide where it is best to position variables and call functions, depending on how the computer (and the user) is reading our code ๐Ÿ’ฅ
  • This is the first project in which we deep dive into JavaScript: we learned that there are several ways to solve a single problem - we might come up with a specific solution, which seems long and complex, later to find that there is a simpler and shorter way to do it. We look forward to learning more and be able to implement these more efficient methods ๐Ÿ’ช
  • โœŒ This was also our first pair programming project, and it was an experience we learned a lot from. It was really helpful being able to brainstorm together, combine ideas and come to solutions faster as a result.

View it live

๐Ÿ˜Š Find Lili & Vane's Pizza Delivery live at Netilfy here: https://optimistic-northcutt-67f18c.netlify.app/ (Work in progress ๐Ÿ”จ: hopefully we can make it deliver a real pizza to you some time in the future)

project-pizza-bot's People

Contributors

vanessasue27 avatar jenniedalgren avatar hannapettersson avatar

Stargazers

Roman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.