27

GitHub - jeffersonRibeiro/react-shopping-cart: 🛍️ Simple ecommerce cart applicat...

 4 years ago
source link: https://github.com/jeffersonRibeiro/react-shopping-cart
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

🛍️ Simple ecommerce cart application CircleCI

All Contributors

react-shopping-cart-min.gif

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.



20846473?s=70&v=4

A little project by Jefferson Ribeiro

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Syed Saad Qamar
Syed Saad Qamar

💻 ksakiyama
ksakiyama

💻 Desmond Koh
Desmond Koh

💻 Rithika Chowta
Rithika Chowta

💻 Swetabja Hazra
Swetabja Hazra

💻 Danh Nguyen
Danh Nguyen

💻 nhoktenz
nhoktenz

🤔 Harshan Morawaka
Harshan Morawaka

🐛 saher-elgendy
saher-elgendy

🐛 Chris Riesbeck
Chris Riesbeck

🤔 🖋 👀 🐛

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK