ember-playground

A bare EmberJS project with NPM modules setup taken from zonky-app in order to provide a starting point for playing with EmberJS framework.

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Volta
• Google Chrome

Installation

• $ git clone git@github.com:pavolatzonky/ember-playground.git
• $ cd ember-playground
• $ npm install

Running / Development

• $ npm run start
• visit app at http://localhost:4200

By default application uses configuration provided in config/environment.js and connects to local API server (Mirage).

Code Generators

Use generators for code, try $ ember help generate for more details.

We use pods structure for UI parts (route, template, controller, and component) by default, so use generators for model, service, adapter, and serializer with --pod option.

• $ ember generate route marketplace/index
• $ ember generate model marketplace-record --pod

ProTip: Ember CLI commands have shorter aliases, try $ ember help for more details.

Code Style

• EditorConfig (see .editorconfig configuration)
• ESLint (see .eslintrc.js configuration)
• Prettier (see .prettierrc.js configuration)
• TemplateLint (see .template-lintrc.js configuration)
• stylelint (see .stylelintrc.js configuration)
• $ npm run lint:js -- --fix to fix linting issues in JavaScript files
• $ npm run lint:hbs to print out linting issues in template files

ProTip: Configure integration with your favourite IDE.

Running Tests

• $ npm run test for CI testing *
• $ npm run test:browser for development testing (open URL provided by Testem)
• $ npm run test:fastboot for FastBoot testing

* see coverage/index.html for code coverage results

Font Awesome subsetting

Integration of font-awesome icons is handled by the ember-fontawesome addon.

Further Reading / Useful Links

• Ember.js
• Ember CLI
• Ember Inspector
• Ember FastBoot
• Ember CLI Deploy