This project is mainly to learn about Redux in React.
Live demo is available at: https://shop-redux.netlify.app/.
To run the frontend locally:
- Clone this repo
npm install
to install the required dependenciesnpm start
to start the local server on port 3000
Generally, the image below describes how redux works. An action is triggered from View e.g. through a Button, then Action dispatches a type and payload. The reducer then updates the state / store based on the content of the dispatch.
- Add Products to Cart
- Proceed to Checkout
- Enter Information and Address
- After Buying the summary of an Order will be listed
- To see all orders processed, go to the top right corner in the Admin section