/ecommerce-shop-react

An ecommerce shop built with React

Primary LanguageJavaScript

React E-commerce Shop

homepage screenshot

🔍 Checkout Live Project

To view the live version, check out this link: https://react-ecommerce-shop-live.herokuapp.com/

🚀 Installation

You can see the fork button in the top right corner of every GitHub project; click it and a copy of the project will be added to your GitHub profile under the same name as the original project.
After forking the project, simply clone it the way you would from the new forked project in your own GitHub repository and you can commit and push to it freely!

After you fork and clone:

  1. Install dependencies
    In your terminal after you clone this project down, you can either run yarn or npm install to buid all the dependencies in the project.
  2. Replace the config variable with your own firebase snippet or you can use the local data.json to import data.
  3. Set the publishableKey variable in the stripe-button.component.jsx with your own publishable key from the stripe dashboard. This allows you to simulate the payment checkout process.



What this project uses:

  • 🔥 React with React hooks
  • 🔥 Redux, Redux-saga
  • 🌐 React Router
  • 🔑 Session storage + Persistence, allows user to save uncheckout item in their shopping cart, remember user's login status even after brower closed.
  • 💰 Stripe for payment process experience
  • 🚨 Jest and React Testing Library for unit tests
  • 📚 Firebase for nosql dabase and auth
  • 📚 React-doc-gen for auto documentation generation
  • 🌹 Styles (Sass) and styled-component.