This project was bootstrapped with Create React App.
This contains a demo app built , enhanced and extended based on the wonderful react training lessons provided by Maximilian Schwarzmüller on Udemy
- React 16
- Redux
- Redux Saga
- Firebase (Db / Authentication)
- CSS Modules
- Build using create-react-app cli
- Added Storybook support - Living Component Preview , Documentation , Visual Tests
- The application now supports two types of snacks - Burger / Pizza (Newly added). Refactoring of the code to accomodate a new product / snack type.
- There is a common reducer and redux saga for the Snack ingredients init , Adding/Removing ingredients, Orderings
- Orders now takes care of handling multiple snack types - Burgers and Pizzas
- Modular components for building Pizza (using base, and toppings as separate components) - on similar lines to the Burger Builder
- While the Burger can have a multiple ingredients added of a specific type, the pizza ingredients can only be added once. Handling for that added.
- Optimized / Reused the same actions/reducers/sagas - via a snackType propery
- Authentication handling for in process pizza or burger order
- Order Summary now shows snack type as well.
- Awesome StoryBook support
- The demo is available here
- StoryBook based Visual Tests, Documentation , preview demo is available on the gh_pages
-
This application is build using the create-react-app cli , so the setup and run instructions are standard
-
Live Reload and Development mode for app
npm run start- Production build for app
npm run build- Run tests
npm run test- Live Reload and Development mode for storybook
npm run storybook- Build static version of storybook
npm run build-storybook- Deploy story book to gh-pages (First build static version of storybook)
npm run deploy-storybook