React Storefront

Recently I have been learning react to expand my knowledge as a web developer. It started by making some counters for a cart on an eCommerce site and I have since expanded that into a fake storefront which has helped solidify my knowledge.

Screenshot of live site.

Over the course of this project I have learned:

  • How to use the command line interface to create a react app.
  • Installing and using third party packages using NPM.
  • Creating components by inheriting them from react.
  • Creating stateless function components.
  • The difference between state and props.
  • How to update state correctly.
  • Object Destructuring.
  • Conditional Rendering.
  • Importing JSON data.
  • Building and deploying a site to a domain.

The sites source code and live build are available for you to view, please see the links below!