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