Skip to content

React Redux Shopping store with dropdown cart and full payment integration using Stripe™

Notifications You must be signed in to change notification settings

jwill9999/the_shopping_store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Configure Authentication using google and email

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.

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

About

React Redux Shopping store with dropdown cart and full payment integration using Stripe™

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published