https://github.com/navjotdhanawat/react-redux-express-cart

Ecommerce products listing and add to cart functionality using react redux with express api
https://github.com/navjotdhanawat/react-redux-express-cart

addtocart cart cart-functionality debounce ecommerce react redux underscore

Last synced: about 1 month ago
JSON representation

Ecommerce products listing and add to cart functionality using react redux with express api

• Host: GitHub
• URL: https://github.com/navjotdhanawat/react-redux-express-cart
• Owner: navjotdhanawat
• Created: 2017-12-05T13:29:30.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-12-18T11:08:56.000Z (over 7 years ago)
• Last Synced: 2025-03-24T12:03:19.682Z (about 2 months ago)
• Topics: addtocart, cart, cart-functionality, debounce, ecommerce, react, redux, underscore
• Language: JavaScript
• Homepage:
• Size: 5.9 MB
• Stars: 22
• Watchers: 4
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Ecommerce add to cart with redux and express api

Ecommerce add to cart functionality reactjs with router.

#### Concepts used in this POC

  - Debouncing to optimized rest api calls

  - Infinite scrolling with the help of debounce. [Underscore Debounce](http://underscorejs.org/#debounce)

  - Lazy loading of images while scrolling. [React-lazyload](https://github.com/jasonslyvia/react-lazyload)

#### Software Stack

  - [ReactJs](https://reactjs.org/)

  - [Underscore](http://underscorejs.org/#debounce)

  - [React lazyload](https://github.com/jasonslyvia/react-lazyload)

  - [Axios for HTTP calls](https://www.npmjs.com/package/axios)

  - [Webpack](https://www.npmjs.com/package/webpack)

#### Screen-shots

![React Redux Cart Screenshot](https://github.com/navjotdhanawat/react-redux-express-cart/blob/master/client/images/react-redux-cart-1.png?raw=true "React Redux Cart Screenshot")

![React Redux Cart Screenshot](https://github.com/navjotdhanawat/react-redux-express-cart/blob/master/client/images/react-redux-cart-2.png?raw=true "React Redux Cart Screenshot")

![React Redux Cart Screenshot](https://github.com/navjotdhanawat/react-redux-express-cart/blob/master/client/images/react-redux-cart-3.png?raw=true "React Redux Cart Screenshot")

![React Redux Cart Screenshot](https://github.com/navjotdhanawat/react-redux-express-cart/blob/master/client/images/react-redux-cart-4.png?raw=true "React Redux Cart Screenshot")

![React Redux Cart Screenshot](https://github.com/navjotdhanawat/react-redux-express-cart/blob/master/client/images/react-redux-cart-5.png?raw=true "React Redux Cart Screenshot")

#### Installation

```

$ npm install

$ npm start

```

#### Development with Live reloading

```

$npm run dev

```

#### Todos

 - Write Unit Test cases.

#### Demo and Tutorial:

[THENEXTFACT Tutorial: How to create shopping cart in react redux](http://www.thenextfact.com/?p=588&preview=true)