https://github.com/jwill9999/the_shopping_store
React Redux Shopping store with dropdown cart and full payment integration using Stripe™
https://github.com/jwill9999/the_shopping_store
Last synced: about 1 year ago
JSON representation
React Redux Shopping store with dropdown cart and full payment integration using Stripe™
- Host: GitHub
- URL: https://github.com/jwill9999/the_shopping_store
- Owner: jwill9999
- Created: 2019-08-11T18:21:37.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T06:53:41.000Z (over 3 years ago)
- Last Synced: 2023-03-08T12:58:09.454Z (over 3 years ago)
- Language: JavaScript
- Size: 2.43 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 34
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Redux Shop with Cart
## Description
React Redux Shopping store with dropdown cart and full payment integration using Stripe™
```
> git clone https://github.com/jwill9999/the_shopping_store.git
> cd the_shopping_store
> yarn or npm install
> cd client
> yarn or npm install
> cd back into root
> ensure .env file updated
> ensure firebase setup and config added to firebase.utils
> ensure stripe configured and public key added to front end (stripe-button.component) and private key added to back (.env file)
> npm run dev (runs server - port 5000 and client - port 3000)
TESTING : cd /client && npm test
```
## Additional setup
>[Create a firebase account](https://firebase.google.com/)
>
>[Configure Authentication using google and email](https://firebase.google.com/docs/auth)
>
> Connect a firebase database prior to running the API server
>
> Environmental variables should be declared in a .env file in server
>
> [Create a stripe account in developer mode.](https://www.stripe.com)
>
> Create and add a - STRIPE_SECRET_KEY in server .env file
>
> Add stripe public key to create react app in stripe-button-component
## Key Features
> Node Express Server
> React Frontend UI
> React Hooks
> Redux state management
> Redux-sagas
> Redux Session Management
> Styled-components
> Dynamic Routing
> Clothes store
> Shopping Cart
> Payments
> Stripe™ Payment API Backend
> Firebase Database
> Firebase Authentication using google or email
> Memoization of components
> Lazy Loading
> Error Boundries
> Full testing suite