kamalbuilds / Lets-go-shop

A platform built for programming related books sale
https://letsgoshop.vercel.app/
MIT License
7 stars 17 forks source link
design material-ui reactjs redux

πŸ“˜ 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

Hello Contributors πŸ‘‹πŸ»

Thanks to all the contributors ❀️