"Burger Builder" is a multi-page application built using React Redux and ReactJS. This application was created based on a Udemy's React - The Complete Guide (incl Hooks, React Router, Redux).
To order a burger, you need to be logged in to the application. The authentication is created using Firebase Authentication feature.
You can choose different ingredients to create your own burger. The price of the burger is updated based on the ingredients you've selected. To complete the order, you need to include your email and address. The data is saved to the Firebase Realtime Database.
It's possible to see all the orders placed by the user in the "Orders" tab. The orders are visible only for the currently logged in user.
Burger's data are stored in the local storage. After refreshing the website, it allows the user to still see the previously selected ingredients.
| Tool | Description |
|---|---|
| React | JavaScript library for creating user interfaces. |
| React Router Dom | DOM bindings for React Router. |
| Redux | Predictable state container for JavaScript apps. |
| React Redux | Official React bindings for Redux. |
| Redux Thunk | Thunk middleware for Redux. |
| Axios | Promise based HTTP client for the browser and node.js |
| Prop-types | Runtime type checking for React props and similar objects. |
| Jest | JavaScript testing framework maintained by Facebook, Inc. |
| Enzyme | JavaScript Testing utility for React that makes it easier to test the React Components' output. |
| React Test Renderer | Experimental React renderer. |
node.js is required to use npm.
git clone https://github.com/Cenora6/burger-builder.gitto clone the repositorynpm installto install all dependenciesnpm startandhttp://localhost:3000/in the browser to preview the app