2.0.0 • Published 3 years ago

cart-react-ecommerce v2.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Banner

cart-react-ecommerce

React based local Cart application with major features

NPM JavaScript Style Guide

GitHub last commit GitHub issues GitHub pull requests

Features

  • Easy-to-use Cart
  • Handles almost all Cart features (There's always some room for improv though)
  • One import && Easy Code
  • Thorough documentation :heart_eyes:
  • Now,Comes an easy to plug in Bag feature (Works more like Shortlister)
  • Shortlist your Products in Bag and add them Cart whenever you want

Install

npm install --save cart-react-ecommerce

npm.io

Code Snippets

Cart usage

//declare the cart
const myhappycart = new useCart( )

//Data will be added as name,price,quantity, and a json object comprising any other info
myhappycart.addCartItem( "Watch" , 1200 , 1 , {'manufacturer' : 'Abidas'})
myhappycart.addCartItem( "Shirt" , 1200 , 1 , {'manufacturer' : 'Abidas'})

  
//updates the quantity of the named CartItem
myhappycart.updateCartItem("Shirt")

//remove a CartItem by name
myhappycart.removeCartItem( "Shirt")

//get total price according to CartItem price and quantity
myhappycart.getCartTotalPrice ()

//set cart currency for check out usage
myhappycart.setCartCurrency()

//get entire cart info
myhappycart.getCartAll()

//get Cart but in reverse
myhappycart.getCartinReverse()

//Empty your cart
myhappycart.setCartClear()

//get check our price along with promo price and additional charges
myhappycart.getCartCheckOutPrice ( 1000 , 50 )

Bag usage

Product can be added only once and removed thus. And, no further update of quantity (as undeclared)

//declare the cart
const myhappybag = new useBag( )

//Data will be added as name,price and a json object comprising any other info
myhappybag.addBagItem( "Watch" , 1200  , {'manufacturer' : 'Abidas'})
myhappybag.addBagItem( "Shirt" , 1200   , {'manufacturer' : 'Abidas'})

//remove a BagItem by name
myhappybag.removeBagItem( "Shirt")

//get entire Bag info
myhappybag.getBagAll()

//Empty your cart
myhappybag.setBagClear()

Checkout more in examples.

Contribute

Add your own awesome gimmick and pull a PR.

npm.io

License

MIT © rohitmadrileno15

2.0.0

3 years ago

1.0.0

3 years ago