Skip to content
@ember-sample-apps

Ember Sample Apps

Ember Sample Apps

Ember Sample Apps

Many web developers like to learn by looking at sample code. The purpose of this project is to have a place where sample Ember apps can live in one place for users to learn from. The best example of this is the Super Rentals tutorial in the official Ember Guides.

Participation

Everyone in the community is welcome to participate. If you have a sample application that you would like to contribute, please DM Melanie on the Ember community Discord server (or tweet @a11yMel) to discuss.

  • Each new sample application will be given its own repo within this org
  • Existing sample apps can request inclusion in the showcase website if the repo is public
  • Sample App contributors should be willing to regularly maintain the codebase or be willing to add other contributors to help maintain the codebase. Projects that remain in a long-term neglected state will be deprecated.

Sample Application Guidelines

Sample applications should attempt to follow the following guidelines:

  1. Apps should be as idiomatic as possible (or if weird, be weird for a purpose)
  2. Apps must be appropriate for developers of all ages
  3. Apps may indicate the level of complexity in the repo's README
  4. Apps should strive to demonstrate a single idea (no kitchen sink apps...unless that is the singular point of the demo)
  5. Apps must have a LICENSE and CODE OF CONDUCT file in the repository
  6. Apps should attempt to follow WCAG 2.1 AA Success Criteria for inclusive application demos
  7. Apps may add a sponsorship button if authors have an existing method to accept sponsorships

Application Ideas

Here are some ideas for sample applications:

  • an app to help you create a shopping list
  • an app to help you track a habit's progress over time
  • an app that allows you to browse products and add them to a shopping cart for purchase
  • an app that manages inventory (perhaps of your personal reading library)
  • an app that allows you to upload and share photos with family and friends
  • an app that pulls publicly available data and displays it on a website (here's a list of public APIs)
  • an app that provides a form for users to fill out (and does any number of things with the results).
  • a blog
  • an app to manage special dates and display reminders
  • an app that shows the user what time it is in their own timezone no matter who is looking at the URL
  • an app that aggregates available data for review
  • an app that demonstrates an integration of other tech (like an Ember app connected to an Airtable, or an Ember app that uses something other than ember-data)
  • a chat app
  • an app that shows how web components could be used in an Ember app
  • an app that demonstrates how to use the latest CSS hotness
  • some sort of game

Have more ideas? Of course you do!! Please share! Even if you are unable to implement the sample you would like to exist, maybe someone else is able to do it!

Reasons to Participate

  1. You are a developer who answers a lot of questions about Ember and would love to create a sample app to point people to
  2. You don't feel comforable answering questions in chat, but wish you could contribute some other way. Like a sample app.
  3. You're learning Ember and want to build something practical (and, build your project portfolio at the same time!)
  4. You have a ton of ideas but you haven't had a well-structured outlet for those ideas yet
  5. You want to figure out if you have imposter syndrome or if there are really things you just don't know yet
  6. You want to level up in what you do know and maybe learn something new in the process
  7. You don't enjoy your day job and would like a fun side project
  8. You love your day job but would also just like a fun side project
  9. You've been looking for an excuse to try current Ember
  10. You just wanna build websites

These are just some of the reasons you might want to participate!

Popular repositories Loading

  1. accessibility-base accessibility-base Public

    A WCAG-conformant (2.1 AA) Ember starter app.

    JavaScript 3

  2. grid-layout-example grid-layout-example Public

    This is a sample Ember app that uses Grid CSS and grid areas for layout.

    JavaScript 1 1

  3. .github .github Public

  4. fetch-example fetch-example Public

    Sample Ember app that uses fetch with a public API

    JavaScript

  5. tailwind-example tailwind-example Public

    This is an Ember app that has Tailwind CSS (v3) installed and configured for use.

    JavaScript

  6. meta-tags meta-tags Public

    How do meta tags work in an Ember app? Here's an example app!

    JavaScript

Repositories

Showing 9 of 9 repositories
  • .github Public
    ember-sample-apps/.github’s past year of commit activity
    0 0 0 0 Updated Dec 5, 2023
  • ember-sample-apps Public

    Ember Sample Apps.

    ember-sample-apps/ember-sample-apps’s past year of commit activity
    JavaScript 0 1 0 0 Updated Dec 5, 2023
  • mobile-friendly Public

    The sample app shows the use of mobile focussed addons to give your users the best experience on web and mobile

    ember-sample-apps/mobile-friendly’s past year of commit activity
    JavaScript 0 0 0 0 Updated Jul 14, 2023
  • conditional-layouts Public

    demonstrating conditional layouts in page templates

    ember-sample-apps/conditional-layouts’s past year of commit activity
    0 0 0 0 Updated Jan 23, 2023
  • meta-tags Public

    How do meta tags work in an Ember app? Here's an example app!

    ember-sample-apps/meta-tags’s past year of commit activity
    JavaScript 0 0 0 0 Updated Jan 12, 2023
  • accessibility-base Public

    A WCAG-conformant (2.1 AA) Ember starter app.

    ember-sample-apps/accessibility-base’s past year of commit activity
    JavaScript 3 0 0 0 Updated May 19, 2022
  • grid-layout-example Public

    This is a sample Ember app that uses Grid CSS and grid areas for layout.

    ember-sample-apps/grid-layout-example’s past year of commit activity
    JavaScript 1 1 0 0 Updated May 18, 2022
  • tailwind-example Public

    This is an Ember app that has Tailwind CSS (v3) installed and configured for use.

    ember-sample-apps/tailwind-example’s past year of commit activity
    JavaScript 0 0 0 0 Updated May 15, 2022
  • fetch-example Public

    Sample Ember app that uses fetch with a public API

    ember-sample-apps/fetch-example’s past year of commit activity
    JavaScript 0 0 0 0 Updated May 15, 2022

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…