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.
- 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
Try playing with the code on CodeSandbox :)
- 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
- 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
The MIT License (MIT). Please see License File for more information.
A little project by Jefferson Ribeiro
Thanks goes to these wonderful people (emoji key):
Syed Saad Qamar ๐ป |
ksakiyama ๐ป |
Rithika Chowta ๐ป |
Chris Riesbeck ๐ค โ ๐ ๐ ๐ |
Hay Tran ๐ป ๐จ |
This project follows the all-contributors specification. Contributions of any kind welcome!