N|Solid

Choose your iPhone is a screen show multiple phone to choose. When you pick a colour or capacity the image will change and the prices will update.

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

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

And of course Choose your iPhone itself is open source with a public repository on GitHub.

Choose your iPhone requires Node.js v6+ to run.

Install the dependencies and devDependencies.

$ cd Choose your iPhone
$ npm install

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

$ npm run dev

$ jest or npm test

$ jest --watch or npm test --watch

$ jest --coverage

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

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.

MIT

Free Software, Hell Yeah!