{"id":15392914,"url":"https://github.com/ijlee2/ember-animated-tutorial","last_synced_at":"2026-04-18T11:02:23.609Z","repository":{"id":119762739,"uuid":"177290066","full_name":"ijlee2/ember-animated-tutorial","owner":"ijlee2","description":"Ember Animated \u0026 Ember Data Storefront tutorial for Ember ATX Meetup","archived":false,"fork":false,"pushed_at":"2019-12-21T16:07:51.000Z","size":442,"stargazers_count":0,"open_issues_count":4,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-16T05:23:30.588Z","etag":null,"topics":["ember","ember-animated","ember-cli-mirage","ember-data-storefront","ember-oo-modifiers","emberjs","fast-jsonapi","rails","ruby-on-rails"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ijlee2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-23T13:07:15.000Z","updated_at":"2020-07-25T15:45:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"232866ff-b6db-43c8-915b-569fa3e93df7","html_url":"https://github.com/ijlee2/ember-animated-tutorial","commit_stats":{"total_commits":100,"total_committers":2,"mean_commits":50.0,"dds":"0.010000000000000009","last_synced_commit":"84f7e969095e4696b8da169f65945326085751db"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ijlee2/ember-animated-tutorial","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fember-animated-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fember-animated-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fember-animated-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fember-animated-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ijlee2","download_url":"https://codeload.github.com/ijlee2/ember-animated-tutorial/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fember-animated-tutorial/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31966217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ember","ember-animated","ember-cli-mirage","ember-data-storefront","ember-oo-modifiers","emberjs","fast-jsonapi","rails","ruby-on-rails"],"created_at":"2024-10-01T15:16:43.331Z","updated_at":"2026-04-18T11:02:23.585Z","avatar_url":"https://github.com/ijlee2.png","language":"JavaScript","readme":"# Ember Animated Tutorial\n\nThis 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.\n\n## How to Run\n\n### Option 1\n\nYou can run the app as is. Ember Mirage will create random data each time.\n\n1. Do `npm install`.\n\n2. Run `ember s`, then visit `localhost:4200`.\n\n### Option 2\n\nYou can also run the app on a local Postgres server (you need this for step-1d).\n\n1. Set the environment variables `POSTGRES_USERNAME` and `POSTGRES_PASSWORD`.\n```\nexport POSTGRES_USERNAME=\u003cyour username\u003e\nexport POSTGRES_PASSWORD=\u003cyour password\u003e\n```\n\n2. In `/config/environment.js`, please edit the `ember-cli-mirage` option under development environment.\n```\nif (environment === 'development') {\n    ENV['ember-cli-mirage'] = {\n        enabled: false,\n    };\n}\n```\n\n3. In terminal, go to `/api` folder.\n```\nrake db:create db:migrate db:seed\n```\nThis 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`.\n\n4. Run `rails s`, then visit `localhost:3000`.\n\n## Branches\n\nYou can check a starter code by running `git checkout \u003cbranch name\u003e`:\n\n| Branch name | Added features                                |\n| ----------- | --------------------------------------------- |\n| step-1a     | Starter for {{link-to}} bug                   |\n| step-1b     | Starter for findRecord bug                    |\n| step-1c     | Starter for findAll bug                       |\n| step-1d     | Starter for (n + 1) query bug                 |\n| step-2a     | Starter for animation with Web Animations API |\n| step-2b     | Starter for animation with Ember Animated     |\n| master      | Completed                                     |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Fember-animated-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fijlee2%2Fember-animated-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Fember-animated-tutorial/lists"}