Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukaszkolodziejski/xxxl_make-and-order-hamburger
[ GIF ] My the Largest and the Best Project ( from React to Redux-Saga... ) // 02.2020 - 05.2020
https://github.com/lukaszkolodziejski/xxxl_make-and-order-hamburger
authentication-with-token axios-restful babel css-modules es6 firebase function-generator-yield javascript localstorage react react-hooks react-router react-with-gsap redux redux-saga redux-thunk restful-api sass scss webpack
Last synced: about 1 month ago
JSON representation
[ GIF ] My the Largest and the Best Project ( from React to Redux-Saga... ) // 02.2020 - 05.2020
- Host: GitHub
- URL: https://github.com/lukaszkolodziejski/xxxl_make-and-order-hamburger
- Owner: LukaszKolodziejski
- Created: 2020-05-26T06:28:02.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-12T13:08:38.000Z (almost 4 years ago)
- Last Synced: 2023-03-08T02:39:34.051Z (almost 2 years ago)
- Topics: authentication-with-token, axios-restful, babel, css-modules, es6, firebase, function-generator-yield, javascript, localstorage, react, react-hooks, react-router, react-with-gsap, redux, redux-saga, redux-thunk, restful-api, sass, scss, webpack
- Language: JavaScript
- Homepage: https://react-build-burger-project.web.app/
- Size: 59.5 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> ## This is my the Largest and the Best Project ( from React to Redux-Saga... ) // 02.2020 - 05.2020
> #### I connected here a lot of technologies in one place:
> #### ... to show what I can create,
> #### in over #3500 lines of written code.
```js
JavaScript React.js Redux
Redux-Thunk Redux-Saga React Router
React Hooks React with GSAP Axios
Authentication with Token SASS / SCSS localStorage
CSS Modules CSS3 function* generator / yield
Babel ES6 REST API
Webpack HTML5 Firebase
```
> # How it work ? (14 Steps)
> ## I want to show the most important details and possibilities of my application here :) (only 2 min)
---
> ## 1. Start page & First animation to welcome the customer.
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 2. Add ingredients and modified new price:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 3. "Order Now" and show first purchase summary:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 4. Simple way from Purchase summary to Form:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 5. Connected "order" and "form" to database in Firebase:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 6. No authentication === No Orders (Animation with GSAP):
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 7. Welcome Auth with GSAP
> ### Redux is almost everywhere but time to || Redux-Thunk vs Redux-Saga ||
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 8. Auth (Sign In) (e.g. {Login: "[email protected]", Password: "wwwwww" }),
> ### Or create new account (Sign Up)
> ### ...to get Token:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 9. Show Orders ( Must be Authenticated ):
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 10. Refresh page with Localstorage "Token -> 1h":
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 11. Logout and redirect to /orders
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 12. All of steps work the same in all of screen size:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 13. GSAP & SideDrawer in the Mobile:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> ## 14. Fast summary all of steps in mobile version:
[](https://github.com/LukaszKolodziejski/XXXL_Make-and-Order-Hamburger)
---
---
---
> > # [Welcome to my the Largest and the Best App -> XXXL_Make-and-Order-Hamburger](https://react-build-burger-project.web.app/)