Shop Shop is an e-commerce site in which you can purchase products and checkout using stripe. This application is refactor of the original Shop-Shop which used React’s Context API to handle global state. Shop Shop Redux uses the Redux library to handle global state.
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
GIVEN an e-commerce platform that uses Redux to manage global state
WHEN I review the app’s store
THEN I find that the app uses a Redux store instead of the Context API
WHEN I review the way the React front end accesses the store
THEN I find that the app uses a Redux provider
WHEN I review the way the app determines changes to its global state
THEN I find that the app passes reducers to a Redux store instead of using the Context API
WHEN I review the way the app extracts state data from the store
THEN I find that the app uses Redux instead of the Context API
WHEN I review the way the app dispatches actions
THEN I find that the app uses Redux instead of the Context API
Sort by categories such as Food, Household Supplies, Electronics, Books, and Toys (as pictured below) while you shop.
Login or sign up in order to checkout your purchase.
Easy access to your shopping cart as you add items. You can adjust product quantity and remove items. The checkout option is only available when you are signed in.
The Shop Shop uses stripe as a simple and secure way to complete order payments. You can test out the functionality by using a fake
credit card number 4242 4242 4242 4242. The rest of the payment info can be anything.
- MongoDB
- Express.js
- React.js
- Node.js
- Stripe
- Redux
https://masuamah-shop-shop-redux.herokuapp.com/
Michelle Asuamah
If you would like to contact me you can reach me at michey.asmah21@gmail.com.