https://github.com/jingyiniu/react-eshop-app

This is an e-commerce shop application built with React. Involved technologies includes: Redux, Hooks, GraphQL, ContextAPI, Stripe and Firebase
https://github.com/jingyiniu/react-eshop-app

firebase react react-router redux styled-components

Last synced: 3 months ago
JSON representation

This is an e-commerce shop application built with React. Involved technologies includes: Redux, Hooks, GraphQL, ContextAPI, Stripe and Firebase

Host: GitHub
URL: https://github.com/jingyiniu/react-eshop-app
Owner: JingyiNiu
Created: 2021-02-20T08:14:32.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2021-09-09T09:43:49.000Z (almost 5 years ago)
Last Synced: 2025-06-05T12:13:10.386Z (about 1 year ago)
Topics: firebase, react, react-router, redux, styled-components
Language: JavaScript
Homepage:
Size: 22.6 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# React E-Commerce Shop Application

This is an ongoing e-commerce shop application with React, Redux and Firebase

## Create React Project
Create-react-app https://github.com/facebook/create-react-app
```
npm init react-app
```

## Styling
Sass https://www.npmjs.com/package/node-sass
```
npm install node-sass
```

## Route
React Router https://reactrouter.com/web/guides/quick-start
```
npm install react-router-dom
```

## Backend
Firebase https://firebase.google.com/docs and https://www.npmjs.com/package/firebase
```
npm i firebase
```

## State Management
Redux Core https://redux.js.org/
React Redux https://react-redux.js.org/
Redux Logger https://www.npmjs.com/package/redux-logger
```
npm install redux react-redux redux-logger
```

## Payment Management
Stripe https://stripe.com/en-nz
React Stripe Checkout Component https://www.npmjs.com/package/react-stripe-checkout
```
npm install react-stripe-checkout
```

## Hosting
Heroku https://www.heroku.com
Heroku CLI https://devcenter.heroku.com/articles/heroku-cli
Heroku CRA buildpack https://github.com/mars/create-react-app-buildpack
```
heroku create --buildpack https://github.com/mars/create-react-app-buildpack.git
git push heroku master
```

## Other Libraries
Reselect https://www.npmjs.com/package/reselect
Redux Persist https://www.npmjs.com/package/redux-persist
Styled Components https://styled-components.com/docs/basics

## Screenshots
##### Homepage
home