π Lets go shopping ποΈ
Your one stop destination for programming books
![image](https://user-images.githubusercontent.com/95926324/183288096-7e4b3365-83ba-41fe-9f4f-6ae68f7ef543.png)
![image](https://user-images.githubusercontent.com/95926324/183288243-690996c8-f5c9-42cd-8312-cec7e97ba305.png)
![image](https://user-images.githubusercontent.com/95926324/183288324-96a0d172-36f2-4b33-a965-c40ecf4ec5db.png)
![image](https://user-images.githubusercontent.com/95926324/183288398-bf31ee82-8b9e-4762-9059-a44f652bc493.png)
Features of this project
β This project is a perfect example of how to implement Redux with React.
β Select products from the home page that the site got to offer
β Add to Cart
β Visit the cart page to see your selected products
β Increase / Decrease the quantity of products
β Remove directly if you changed your mind from the cart page
Show some β€οΈ by giving to this repo
What I learnt from this project?
1> How to Pass a state from one component to another using state
2> How to use Redux to pass state from lower to higher order without the standard unidirectional flow.
3> How to use material UI in your project.
4> How to store data in the form of Cart.
Need of Redux
~Inorder to pass the state from 1 component to another
~like from home to navbar inorder to get the cart no. updated.
Redux flow
1>App.js provider wrap and pass store to provider
not now
2> store.js create in src
3> create actions to take from home.js
dispatch the action of type: ____ from type.js
4> action-> reducer-> store
For local developement
Fork the repo
Then Run the following commands from the terminal
npm install
npm run start
Future Aspect
-
In future the project needs a payment gateway for users to buy smoothly.
-
More products to be added in the future.
-
A map where users can track their order.
Hello Contributors ππ»
Thanks to all the contributors β€οΈ