Lab: React Burger Components

Lab: React Burger Components

Components,Props,CSS (🍔 Burger maker)

We all know how expensive food it these days, that’s why we are going to code a burger making website 🤤

Using react components, create a web page that will show the above burger

Below is a list of components that you will need. You can write all the components in the App.js file

  1. TopBread component – This is the top part of the burger
  2. Tomato – This will be the red part
  3. Meat – This will be the patty of our burger
  4. Lettuce – The green part
  5. BaseBread – The base of the burger

Bonus

You can make each burger filling to go disappear when upon being clicked on

Submission

You will have to create a public github repository and host your page on https://www.netlify.com/

Resources : Documentation

  1. https://beta.reactjs.org/learn/your-first-component
  2. https://beta.reactjs.org/learn/importing-and-exporting-components

Udemy

  1. https://www.udemy.com/course/the-complete-web-development-bootcamp/learn/lecture/17038762#overview