Ember Paper Start

This sample application aims to serve as a skeleton appplication for a typical web application written using EmberJS with Ember Paper.

This sample application consists of a sidenav and a content area. The sidenav will be auto hidden when the webpage is resize.

Check out Ember Paper for more Material Design components that you can use in your web application!

This project is generated using:

• Ember            : v1.11.1
• Ember Data    : v1.0.0-beta.16.1
• Ember-CLI     : v1.13.1
• Ember-Paper : v0.2.6

Demo

Below are the screenshots of this ember-paper-start web application. Left screenshot shows the web application in full screen and right screenshot shows that when it is view on smaller screen size. Note that for smaller screen size, the sidenav is automatically hidden and a menu icon is shown on the toolbar to let the user access the sidenav. You can play with it in the live demo~!

Live demo~!. This page is hosted using GitHub Pages. Check out this ember cli addon that lets you easily manage GitHub Pages. Feel free to clone this project and use it as a skeleton to create your next ambitious web applications.

Prerequisites

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

• Git
• Node.js (with NPM)
• Bower
• Ember CLI
• PhantomJS

Installation

• git clone https://github.com/christineoo/ember-paper-start.git this repository
• cd ember-paper-start
• npm install && bower install

Project Structure

app/
    components/            --> contains the component source files (none for this project)
    controllers/           --> contains the controller source files for this project
        application.js
        home.js
        sign-up.js
    helpers/
    models/
    routes/
        application.js
        home.js
        index.js
    styles/
        app.scss
    templates/             --> contains the template files for each of the available routes
        components/        --> contains the component templace files (none for this project)
        application.hbs
        home.hbs
        projects.hbs
        sign-up.hbs
    views/
        application.js
    app.js
    index.html
    router.js

Running / Development

• ember server
• Visit your app at http://localhost:4200/.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Building

• ember build (development)
• ember build --environment production (production)

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox