Skip to content

Instantly share code, notes, and snippets.

@jvenator
Created April 1, 2014 07:05
Show Gist options
  • Save jvenator/9909190 to your computer and use it in GitHub Desktop.
Save jvenator/9909190 to your computer and use it in GitHub Desktop.
Spec of for updated Ember tutorial using Ember-CLI.

Overview

Complete a deployed version of an app similar to that demonstrated in CodeSchool's Ember course using Ember-CLI.

Features

  • Use ember-cli
  • Two resources w/ associations (products > reviews)
  • Three views/routes (home, products, product)
  • CSS Framework (Foundation or Bootstrap)
  • Deployed to the web without backend app (DigitalOcean, Heroku or Github Pages)

Resources

Below I've pasted in the fixtures from the codeschool course. They'd need to be modified a little (e.g., the images). Their app actually demonstrates some nice Ember features, and would do a good job of showing off the api-stub and ember-data once that's up and running in ember-cli.

PRODUCTS

App.Product.FIXTURES = [
 {  id: 1,
    title: 'Flint',
    price: 99,
    description: 'Flint is a hard, sedimentary cryptocrystalline form of the mineral quartz, categorized as a variety of chert.',
    isOnSale: true,
    image: 'images/products/flint.png',
    reviews: [100,101],
  },
  {
    id: 2,
    title: 'Kindling',
    price: 249,
    description: 'Easily combustible small sticks or twigs used for starting a fire.',
    isOnSale: false,
    image: 'images/products/kindling.png',
    reviews: [],
  },
  {
    id: 3,
    title: 'Matches',
    price: 499,
    description: 'One end is coated with a material that can be ignited by frictional heat generated by striking the match against a suitable surface.',
    isOnSale: true,
    reviews: [],
    image: 'images/products/matches.png',
  },
  {
    id: 4,
    title: 'Bow Drill',
    price: 999,
    description: 'The bow drill is an ancient tool. While it was usually used to make fire, it was also used for primitive woodworking and dentistry.',
    isOnSale: false,
    reviews: [],
    image: 'images/products/bow-drill.png',
  },
  {
    id: 5,
    title: 'Tinder',
    price: 499,
    description: 'Tinder is easily combustible material used to ignite fires by rudimentary methods.',
    isOnSale: true,
    reviews: [],
    image: 'images/products/tinder.png',
  },
  {
    id: 6,
    title: 'Birch Bark Shaving',
    price: 999,
    description: 'Fresh and easily combustable',
    isOnSale: true,
    reviews: [],
    image: 'images/products/birch.png',
  }
];

REVIEWS

App.Review.FIXTURES = [
  {
    id: 100,
    text: "Started a fire in no time!"
  },
  {
    id: 101,
    text: "Not the brightest flame, but warm!"
  }
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment