mohqarmout / burger-builder

Simple app to practice the new stuff about react ecosystem

burger-builder

Team Members

• Greg Westneat
• Mohammed Qarmout

Live demo deployed in firebase

https://react-my-burger-a3016.web.app/

Here login credentials

• Email : [email protected]
• password :123456

User Journey

• The user will be able to build a burger and the app will be able to calculate the price and store the orders in the cloud, also will bea apple to view its order from the cloud.
• New user Will be applied to create account and start using the app
• The user will not be able to purchase the burger unless he is signed in, but he can build one.

Technologies 💻

• react
• redux
• redux-thunk
• react-hooks
• jest
• axios
• enzyme-testing
• firebase-realtime-database
• GitHub Actions

Challenges Achieved 🎉

• Make sure the app if fully optimize for performance.
• Apply for route protection
• Applying testing best practices [unit , integration]

Project setup

1. Create a .env file in the project root folder.
2. Add REACT_APP_FIREBASE_KEY for your realtime database

database schema

firebase will also create an order field to store the order

burger-builder's Issues

Form validation

Add form validation to Contactdata component form

Learn Testing in react apps

Trying to learn unit testing and integration testing using [jest, enzyme]

Store date in fire-base

Use the axois package to make the HTTP request to store ingredient and orders

Next.js

here I trying to discover Next and apply to the core of this project

add CSS module & best practices to Toollbar and SideDrawer COM

I am trying to add the best practice have know to enhance the project

Redux

Try to learn Redux, and add to my burger builder

Refactor & Enhancement

trying to consider @leggomuhgreggo suggestion and recommendation
refering to #18

Add multi page feeling the app

Implement React-router

Authentication

Add authentication to the app and the firebase server

React hooks

Here I am going to add hooks to the core of project