https://github.com/kamalbuilds/lets-go-shop

A platform built for programming related books sale
https://github.com/kamalbuilds/lets-go-shop

design material-ui reactjs redux

Last synced: 3 months ago
JSON representation

A platform built for programming related books sale

• Host: GitHub
• URL: https://github.com/kamalbuilds/lets-go-shop
• Owner: kamalbuilds
• License: mit
• Created: 2022-07-22T15:52:08.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-23T18:18:27.000Z (over 2 years ago)
• Last Synced: 2023-07-27T08:42:53.692Z (over 1 year ago)
• Topics: design, material-ui, reactjs, redux
• Language: JavaScript
• Homepage: https://letsgoshop.vercel.app/
• Size: 9.87 MB
• Stars: 7
• Watchers: 1
• Forks: 18
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
📘 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 👋🏻

- **Take a look at the [Contributing Guidelines](CONTRIBUTING.md) for proper contributions**

## Thanks to all the contributors ❤️