https://github.com/ijlee2/ember-animated-tutorial

Ember Animated & Ember Data Storefront tutorial for Ember ATX Meetup
https://github.com/ijlee2/ember-animated-tutorial

ember ember-animated ember-cli-mirage ember-data-storefront ember-oo-modifiers emberjs fast-jsonapi rails ruby-on-rails

Last synced: 20 days ago
JSON representation

Ember Animated & Ember Data Storefront tutorial for Ember ATX Meetup

• Host: GitHub
• URL: https://github.com/ijlee2/ember-animated-tutorial
• Owner: ijlee2
• Created: 2019-03-23T13:07:15.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-12-21T16:07:51.000Z (about 5 years ago)
• Last Synced: 2024-12-03T00:31:47.427Z (24 days ago)
• Topics: ember, ember-animated, ember-cli-mirage, ember-data-storefront, ember-oo-modifiers, emberjs, fast-jsonapi, rails, ruby-on-rails
• Language: JavaScript
• Homepage:
• Size: 432 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ember Animated Tutorial

This is the code companion to my [Animation and Predictable Data Loading in Ember](https://crunchingnumbers.live/2019/04/02/animation-and-predictable-data-loading-in-ember/), presented at the Ember ATX Meetup on 3/28/2019.

## How to Run

### Option 1

You can run the app as is. Ember Mirage will create random data each time.

1. Do `npm install`.

2. Run `ember s`, then visit `localhost:4200`.

### Option 2

You can also run the app on a local Postgres server (you need this for step-1d).

1. Set the environment variables `POSTGRES_USERNAME` and `POSTGRES_PASSWORD`.

```

export POSTGRES_USERNAME=

export POSTGRES_PASSWORD=

```

2. In `/config/environment.js`, please edit the `ember-cli-mirage` option under development environment.

```

if (environment === 'development') {

    ENV['ember-cli-mirage'] = {

        enabled: false,

    };

}

```

3. In terminal, go to `/api` folder.

```

rake db:create db:migrate db:seed

```

This will create two databases, `ember-animated-tutorial-development` and `ember-animated-tutorial-test`. If you need to delete them, you can type `rake db:drop`.

4. Run `rails s`, then visit `localhost:3000`.

## Branches

You can check a starter code by running `git checkout `:

| Branch name | Added features                                |

| ----------- | --------------------------------------------- |

| step-1a     | Starter for {{link-to}} bug                   |

| step-1b     | Starter for findRecord bug                    |

| step-1c     | Starter for findAll bug                       |

| step-1d     | Starter for (n + 1) query bug                 |

| step-2a     | Starter for animation with Web Animations API |

| step-2b     | Starter for animation with Ember Animated     |

| master      | Completed                                     |