Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/williamcrownover/redux-e-commerce-platform

Refactoring an e-commerce store from using React context API to Redux.
https://github.com/williamcrownover/redux-e-commerce-platform

mern-stack react-redux redux stripe-payment

Last synced: about 1 month ago
JSON representation

Refactoring an e-commerce store from using React context API to Redux.

Awesome Lists containing this project

README

        

# E-Commerce Platform, Redux Refactor

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Description

The goal of this project was to refactor the global state of the application from React’s context API to using Redux. While the context API is a more modern approach to managing complex state, Redux is more common for now so it was good practice to understand how to convert an app between the two. After thoroughly reading through the docs on Redux, I was able to create a store for initial state and resolvers and provide this context to each component. The app functions the same way as before acting as a virtual store for a customer that includes implementing the Stripe payment platform for checkout.

## Table of Contents

- [User Story](#user-story)
- [Live Site](#live-site)
- [Technologies](#technologies)
- [License](#license)
- [Contact](#contact)

## User Story
```
AS a senior engineer working on an e-commerce platform
I WANT my platform to use Redux to manage global state instead of the Context API
SO THAT my website's state management is taken out of the React ecosystem
```

## Live Site

https://redux-e-commerce-platform.herokuapp.com/

Example of generated team profile webpage

## Technologies

- Redux
- React
- MongoDB
- Stripe payment platform

## License
Licensed under the MIT License - https://opensource.org/licenses/MIT

## Contact

If you have any questions you can email me at [email protected].

You can also check out my other work on GitHub at [WilliamCrownover](https://github.com/WilliamCrownover)