Clothing Store React Application

Run npm update first

Tech used

• React Router for routing

• SASS for styling

• Firebase

  • for storage (FireStore)
  • for authentication

• Redux

  • with Saga
  • with Thunk
  • with neither Saga or Thunk

• Stripe API

• Styled Components

• Context API

• Redux-Persist for local storage caching

• React Dev Tools

  • Profiler for looking for ways to improve performance

• Performance optimisations using React lazy and Suspence, as well as React.memo()

• Error boundary component with custom 404 page using componentDidCatch() and getDerivedStateFromError()

• React Profiler API to measure performance

• Progressive Web App (PWA) that come pre-built with CRA when using the cra-template-pwa

• Snapshot testing and unit testing with Enzyme (see sagaHooksOptimised folder)

Deployed

With Heroku: https://clothingstore-heroku-live.herokuapp.com/

Deployed version (currently) reflects the source code inside of StyledComponents/WithSaga/sagaHooksOptimise/

The deployed version also includes responsive features as well as progressive web app additions (i.e. on mobile devices will get alert to add as an app to your homescreen) - improves offline experience, etc.