Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michaelchadwick/ember-remember-stuff

Test site to learn about EmberJS.
https://github.com/michaelchadwick/ember-remember-stuff

emberjs homepage tutorial

Last synced: 8 days ago
JSON representation

Test site to learn about EmberJS.

Awesome Lists containing this project

README

        

# RemEmber Stuff Test Site

Test app to learn about [Ember Core Concepts](https://guides.emberjs.com/release/components/).

## Prerequisites

You will need the following things properly installed on your computer.

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/) (with npm)
- [Ember CLI](https://cli.emberjs.com/release/)
- [PNPM](https://pnpm.io/installation)
- [Web browser](https://browser-update.org/browsers.html)

## Installation

- `git clone ` this repository
- `cd remember-stuff`
- `pnpm install`

## Running / Development

- `pnpm run start`
- Visit your app at [http://localhost:4200](http://localhost:4200).
- Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).

### Code Generators

Make use of the many generators for code, try `ember help generate` for more details

### Running Tests

- `pnpm run test`
- `pnpm run test:ember -- --server`

#### Get Code Coverage For Tests

- `COVERAGE=true pnpm run test`

### Linting

- `pnpm run lint`
- `pnpm run lint:hbs`
- `pnpm run lint:css`
- `pnpm run lint:js`
- `pnpm run lint:js --fix`

### Building

- `pnpm --filter frontend exec ember build` (development)
- `pnpm --filter frontend exec ember build --environment production` (production)

### Deploying

Currently being built on [Netlify](https://mc-emberjs-remember-stuff.netlify.app). Re-deploys on pushes to master.

### Notable Dependencies

- [Ember CLI Head](https://www.npmjs.com/package/ember-cli-head)
- [Ember CLI Sass](https://www.npmjs.com/package/ember-cli-sass)
- [Ember CLI Truth Helpers](https://www.npmjs.com/package/ember-truth-helpers)
- [Ember Concurrency](https://ember-concurrency.com)
- [Fontawesome](https://www.npmjs.com/package/@fortawesome/ember-fontawesome)
- [Husky](https://github.com/typicode/husky)

### Credits

- [SVG Backgrounds](https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/)

### Add Additional Fields to GhUser Component

- Add new model fields to `app/models/gh-user.js`
- Add new serializer fields to `app/serializers/gh-user.js`
- Use fake data from `public/api/gh-users/michaelchadwick.json`
- Pass new fields into `` component in `app/templates/application.hbs`
- Add those fields to `` component in `app/components/debug.hbs`
- (Optional) Add new translations to `/translations/*` files
- Add those fields to `app/components/gh-user.hbs` template