https://github.com/pktcodes/cart-redux-react-project-v2

Cart Project using React with Redux
https://github.com/pktcodes/cart-redux-react-project-v2

action-creators actions cart connect dispatch john-smilga localdata mapdispatchtoprops mapstatetoprops ownprops react react-hooks react-redux redux redux-devtools store vite

Last synced: 7 days ago
JSON representation

Cart Project using React with Redux

• Host: GitHub
• URL: https://github.com/pktcodes/cart-redux-react-project-v2
• Owner: pktcodes
• Created: 2023-11-27T05:13:52.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2023-12-03T07:14:20.000Z (12 months ago)
• Last Synced: 2024-08-12T23:21:22.636Z (3 months ago)
• Topics: action-creators, actions, cart, connect, dispatch, john-smilga, localdata, mapdispatchtoprops, mapstatetoprops, ownprops, react, react-hooks, react-redux, redux, redux-devtools, store, vite
• Language: JavaScript
• Homepage: https://react-redux-cart-v2-prod.netlify.app/
• Size: 58.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cart 🛒

> PROD [Live] : https://react-redux-cart-v2-prod.netlify.app/

#### Cart consists of a straightforward user interface where there is a

- List of some of the items added to the cart, **Navbar** with the title _ReduxGear_ , **cart amount** i.e. total number of items added by default, and a **`CLEAR CART`** button to clear all items in the cart which on click shows `YOUR BAG is currently empty`.

- Each cartItem has the `image` , `title` , `price` , `amount`, along with a few buttons i.e. **`remove`** to remove the item from the cart, 🔼 to increase , 🔽 to decrease the amount of that particular item and when the item amount gets less than 1, it is automatically removed from the cart.

- For every change in cartItem, the **total price** and **cart amount** gets adjusted.

- Data is handled by **`data.js`**, and styles are handled by **`index.css`**

- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.

#### Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useEffect, Redux ~ connect, mapStateToProps, mapDispatchToProps

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [21] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga._