{"id":15392912,"url":"https://github.com/ijlee2/acm-octane-workshop","last_synced_at":"2026-05-02T14:36:39.854Z","repository":{"id":119762474,"uuid":"237553512","full_name":"ijlee2/acm-octane-workshop","owner":"ijlee2","description":"Ember Octane workshop for Austin Code Mentorship","archived":false,"fork":false,"pushed_at":"2021-04-07T14:48:31.000Z","size":3201,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-19T22:55:56.048Z","etag":null,"topics":["ember-cli-mirage","ember-cli-sass","ember-css-modules","ember-octane","emberjs","workshop"],"latest_commit_sha":null,"homepage":"https://acm-octane.herokuapp.com/","language":"JavaScript","has_issues":false,"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":"2020-02-01T03:04:07.000Z","updated_at":"2021-04-07T14:48:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"bc385560-9f33-40e8-8b79-9f854ad66336","html_url":"https://github.com/ijlee2/acm-octane-workshop","commit_stats":{"total_commits":18,"total_committers":2,"mean_commits":9.0,"dds":0.05555555555555558,"last_synced_commit":"e2c79e5421850aa930566276920a9616df03106d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Facm-octane-workshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Facm-octane-workshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Facm-octane-workshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Facm-octane-workshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ijlee2","download_url":"https://codeload.github.com/ijlee2/acm-octane-workshop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245944063,"owners_count":20697948,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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-cli-mirage","ember-cli-sass","ember-css-modules","ember-octane","emberjs","workshop"],"created_at":"2024-10-01T15:16:42.832Z","updated_at":"2026-05-02T14:36:39.611Z","avatar_url":"https://github.com/ijlee2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Interactive Workshop: Prototyping Apps with Ember Octane\n\nThe workshop was first presented at the Austin Code Mentorship on 2/1/2020.\n\n![The finished app shows a product listing](screenshot.png)\n\n\n## Description\n\nWhen building your resume or competing in a hackathon, you need to be able to write a demo app in a short time. Unfortunately, you (and your team) may end up spending a lot of time on:\n\n- Defining a project structure\n- Finding a router and data store\n- Connecting the backend project with your frontend\n- Populating your app with data\n- Stopping components from leaking styles\n- Fixing bugs and regressions\n- Publishing your app online\n\n[Ember Octane](https://emberjs.com/editions/) helps you quickly solve these problems so that you can focus on what matters: delivering features and finishing your app on time.\n\n\n## Outcomes\n\nThe workshop will take 1 - 1.5 hours. By the end, you will be able to:\n\n- Use `Ember CLI` to create your app\n- Commit your code on GitHub\n- See what Ember recommends for project structure\n- Create routes and components\n- Use `Sass + Ember CSS Modules` to localize a component's styles\n- Use `Ember Data + Mirage + Faker` to mock API and manage data\n- Use `QUnit DOM + Ember Test Selectors + Mirage` to write application tests\n- Publish your app on Heroku\n\nIf time permits, you will be briefly introduced to:\n\n- `Tailwind` for prototyping styles\n- Publishing your app on GitHub Pages or Netlify\n- Tracked properties and element modifiers\n\n\n## Todos before the workshop\n\nIf you run into problems with these steps, feel free to [contact Isaac (@ijlee2) on Discord](https://discord.gg/emberjs).\n\n### 1. Install Ember CLI\n\nPlease install Node ([10.x or higher recommended](https://github.com/ember-cli/ember-cli/blob/master/docs/node-support.md)) and Ember CLI on your machine.\n\n```\n$ npm install -g ember-cli\n```\n\nYou can run `ember --version` to verify that your installation was successful. You will see an output similar to:\n\n```\n$ ember -v\nember-cli: 3.15.2\nnode: 12.14.1\nos: darwin x64\n```\n\n### 2. Install Ember Inspector\n\n[Ember Inspector](https://github.com/emberjs/ember-inspector#installation) is a browser extension, a useful tool for debugging. It lets you interact with the Ember Data store, among many other things.\n\n### 3. Create GitHub and Heroku accounts\n\nWe will push our code on GitHub and publish our app on Heroku. (Trivia: Heroku Dashboard is an Ember app.)\n\nIf time permits, I will point out how you can publish your app on GitHub Pages or Netlify.\n\n### 4. IDE Plugins (optional)\n\nIf you use VS Code, there are official and many community-driven plugins for syntax highlight, auto-completion, etc. in Ember.\n\nThat said, feel free to [use the editor that you feel most comfortable with](https://cli.emberjs.com/release/appendix/dev-tools/#codeeditorintegrations). I will be using Sublime Text.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Facm-octane-workshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fijlee2%2Facm-octane-workshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Facm-octane-workshop/lists"}