Skip to content

aigerimmmm/Lets-go-shop

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 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

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.

About

A platform built for programming related books sale

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.1%
  • CSS 14.0%
  • HTML 6.9%