https://github.com/7gowtham/cartpage-redux

To create a cart page utilizing React Redux to manage per-item price, quantity, total quantity, and total amount
https://github.com/7gowtham/cartpage-redux

react-redux slice store usedispatch useeffect useselector

Last synced: 5 days ago
JSON representation

To create a cart page utilizing React Redux to manage per-item price, quantity, total quantity, and total amount

• Host: GitHub
• URL: https://github.com/7gowtham/cartpage-redux
• Owner: 7Gowtham
• Created: 2024-06-22T15:46:19.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-22T16:38:01.000Z (5 months ago)
• Last Synced: 2024-06-22T23:42:15.307Z (5 months ago)
• Topics: react-redux, slice, store, usedispatch, useeffect, useselector
• Language: JavaScript
• Homepage: https://cartpage-redux.netlify.app/
• Size: 46.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CartPage - Redux

## Contents

- [Description](#description)

- [Features](#features)

- [Functionalities Used](#functionalities-used)

### Description

This project demonstrates how to create a cart page utilizing React Redux to manage per-item price, quantity, total quantity, and total amount

### Features

1. Displays images of the mobiles and their details.

2. Includes a dropdown to select product quantity, with price shown for a single product.

3. Has a "Remove" button to delete a product.

4. Shows Subtotal, Total Quantity, and Total Price of selected products.

### Functionalities Used

1. Utilized `React Redux` for functionality.

2. In Redux, a `store` and a `slice` are created.

3. The slice contains `initialState`, `name`, and `reducers`.

4. Reducers contain actions. In this project, the actions `setQuantity`, `deleteProduct`, `setTotals` are defined.

5. Utilized `useSelector` to extract data from the Redux store state.

6. Utilized `useDispatch` to create functions that dispatch actions.

7. Utilized `useEffect` to manage quantity and total amount calculations.