Skip to content

Latest commit

 

History

History
93 lines (63 loc) · 2.43 KB

README.md

File metadata and controls

93 lines (63 loc) · 2.43 KB
Raw

Choose your iPhone Build Status

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.

Demo online

Tech

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.

Installation

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

Install the dependencies and devDependencies.

$ cd Choose your iPhone
$ 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

Free Software, Hell Yeah!