Add to Basket

An application to display a customer able to add a product to their basket.

Demo

Tech

Choose your iPhone uses a number of open source projects to work properly:

• React - A JavaScript library for building user interfaces
• Redux - Predictable state container for JavaScript apps
• MUI - A lightweight CSS framework
• Webpack - Bundle assets scripts
• Eslint - Pluggable JavaScript linter
• Babel - The compiler for writing next generation JavaScript

Installation

Dillinger requires Node.js v6+ to run.

Install the dependencies and devDependencies.

$ Clone the repository github
$ cd in add-to-basket folder
$ npm install

Start the server

Start the local server on with livereload by webpack: port:8080

$ npm run dev

Test

Runs the test.

$ jest or npm test

Runs the test watcher in an interactive mode.

$ jest --watch or npm test --watch

To generate code coverage reports.

$ jest --coverage

For production

Builds JavaScript, images, and, CSS or SCSS files for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.

$ npm run build

Cloud9 ide

I like Cloud9 and if you are using for your projects. You will get an error message like: Invalid Host header The installations of webpack-dev-server on cloud9 generate this message as he uses HTTPS. Getting webpack-dev-server to run on cloud9 and resolve this issue.

1. Go to webpack folder
2. Open 'dev.js'
3. Then, put your URL workspace project from cloud9 here, without trailing slash.

License

MIT