alexbrand / react-shopping-cart

πŸ›οΈ Simple ecommerce cart application built with React Redux

Home Page:https://react-shopping-cart-67954.firebaseapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ›οΈ Simple ecommerce cart application CircleCI

All Contributors

Basic Overview - Live Demo

This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications.

Features

  • Add and remove products from the floating cart
  • Sort products by highest to lowest and lowest to highest price
  • Filter products by available sizes
  • Products persist in floating cart after page reloads
  • Unit tests, integration tests and e2e testing
  • Responsive design

Getting started

Try playing with the code on CodeSandbox :)

Edit app

Build/Run

Requirements

  • Node.js
  • NPM
/* First, Install the needed packages */
npm install

/* Then start both Node and React */
npm start

/* To run the tests */
npm run test

/* Running e2e tests */
npm run wdio

About tests

  • Unit tests
    • All components have at least a basic smoke test
  • Integration tests
    • Fetch product and add to cart properly
  • e2e
    • Webdriverio - Add and remove product from cart

Copyright and license

The MIT License (MIT). Please see License File for more information.



A little project by Jefferson Ribeiro

Contributors

Thanks goes to these wonderful people (emoji key):

Syed Saad Qamar
Syed Saad Qamar

πŸ’»
ksakiyama
ksakiyama

πŸ’»
Rithika Chowta
Rithika Chowta

πŸ’»
Chris Riesbeck
Chris Riesbeck

πŸ€” βœ… πŸ–‹ πŸ‘€ πŸ›
Hay Tran
Hay Tran

πŸ’» 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!

About

πŸ›οΈ Simple ecommerce cart application built with React Redux

https://react-shopping-cart-67954.firebaseapp.com/

License:MIT License


Languages

Language:JavaScript 72.3%Language:CSS 23.3%Language:HTML 4.4%