Skip to content

tsukhu/react-snack-app

Repository files navigation

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

Technologies / Frameworks used

  • 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

Updates made

  • 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

Demo

  • The demo is available here
  • StoryBook based Visual Tests, Documentation , preview demo is available on the gh_pages

Setup

  • 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

StoryBook Scripts

  • 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