Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ogm710811/burger-builder-react-app
Serie 1 : A React Example App with Hooks, React Routing, and Animations
https://github.com/ogm710811/burger-builder-react-app
animation axios css css-preprocessors firebase-database hooks-api-react html jest-tests react react-components react-router react-router-dom reactjs
Last synced: about 5 hours ago
JSON representation
Serie 1 : A React Example App with Hooks, React Routing, and Animations
- Host: GitHub
- URL: https://github.com/ogm710811/burger-builder-react-app
- Owner: ogm710811
- Created: 2020-06-08T16:27:02.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-04-29T11:41:32.000Z (over 2 years ago)
- Last Synced: 2023-03-02T12:02:08.133Z (over 1 year ago)
- Topics: animation, axios, css, css-preprocessors, firebase-database, hooks-api-react, html, jest-tests, react, react-components, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage:
- Size: 981 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Description
Burger Builder is a React Example App with Redux, React Routing, and Animations.
It has test examples using Jest and Enzyme.
The project has been divided in different series. Each serie apply a different solution and improved the serie before.
Series solution are:
- Serie 1: Solution using React state.
- Serie 2: Solution using Redux, Redux-Thunk
- Serie 3. Solution using Redux-Saga.
- Serie 4. Solution using React Hooks.## Series in this repo
This is the Serie 1.## Additional dependencies
Other dependencies used in the series that make Burger Builder a full deployed App are:
- Firebase Realtime Database
- Firebase Authentication
- AxiosThis project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.
You will also see any lint errors in the console.### `npm test`
Launches the test runner in the interactive watch mode.