Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/djdyer/ecomm-web-shop

Using React Redux to manage the complex global state, e-Comm Web Shop allows users to proceed to checkout thanks to integration with the Stripe payment gateway. 🛍️
https://github.com/djdyer/ecomm-web-shop

ecommerce express graphql react redux stripe-payments

Last synced: 4 days ago
JSON representation

Using React Redux to manage the complex global state, e-Comm Web Shop allows users to proceed to checkout thanks to integration with the Stripe payment gateway. 🛍️

Awesome Lists containing this project

README

        

# ecomm-web-shop



🛒 🛒 🛒 🛒



## Table of Contents

- [Description](#description)
- [User Story](#user-story)
- [Demo](#demo)
- [Deployment](#deployment)
- [License](#license)
- [Criteria](#criteria)


## Description

The eComm Web Shop uses React Redux to manage the complex global state. Using Stripe integration for a payment gateway, users can search an assortment of products, add or remove from cart, and proceed to checkout with order total.




## User Story

```
AS a senior engineer working on an e-commerce platform
I WANT my platform to use Redux to manage global state
SO THAT my website's state management is removed from the React ecosystem
```




## Demo




## Deployment

Heroku

[](https://../)


**Employing the following technology:**

[](https://reactjs.org/) [](https://redux.js.org/tutorials/fundamentals/part-1-overview) [](https://mongoosejs.com/)

[](https://expressjs.com/) [](https://graphql.org/)
[](https://stripe.com/docs)




## License

[](https://choosealicense.com/licenses/isc/)




## Criteria

Application uses redux to:

```
- manage global state.

- accesses the frontend using provider.

- passes reducers to determine changes.

- extract state data to dispatch actions.
```

Users can then:

```
- register using the signup page.

- navigate to products page, select category.

- choose a product and view details

- add or remove product from cart

- proceed to checkout
```




Thank you, please come again!

🛍️