Burger Builder is an App that allows you to build your own choice of burger then fill a form of your address details to deliver this burger to you. It depends on the API of Firebase website.
You can view the App from here
Burger.Builder.-.Google.Chrome.2023-01-14.13-39-48.mp4
- 1- Fork, clone or download this repository to your local machine.
- 2- Navigate to the specific App folder you need to start with. [e.g: hooks_burger_builder]
- 3- Be sure that you install the Node.js environment in your machine.
- 4- Open your terminal and be sure that you are inside the correct destination of the App, while you must be in the same path of the package.json file.
- 5- Create a (.env) file and add the following environment variables into it:
```
REACT_APP_BASE_URL="Add here the Firebase base URL"
```
- 6- Inside your terminal run these commands:-
* to install dependencies.
```
npm install
```
* to start the server.
```
npm start
```
* to build the App in production mode.
```
npm build
```
- 7- Once the App server is running, visit (localhost:3000) in the browser to view the App and now you can treat with it as shown above in the Demo.
- 8- You can also see a live preview of the App from this link (https://burgerbuilder14.netlify.app/)
- HTML
- CSS
- JS
-
This Repo contains a practical project from Udemy Course Maxmillian React Course – The Complete Guide (include Hooks, React Router, Redux)
-
You can consider this Repo as a reference and a strong practical & revision to understand the working logic of
react
,redux
,react-redux
& middlwares likeredux-thunk
&redux-saga
and how they interact with a react App. As this Repo contains 4 separate folders for the same project but each project covers one of the following: [react, hooks, redux & redux-saga] -
Repo folders are:-
Licensed under the MIT License