Skip to content

kamalbuilds/Lets-go-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

πŸ“˜ Lets go shopping πŸ›οΈ

Your one stop destination for programming books

image image image image

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 ❀️