https://github.com/triptyk/ember-boilerplate

Pre-configured ember app for TRIPTYK. Ready for Polaris !
https://github.com/triptyk/ember-boilerplate

boilerplate ember ember-changeset ember-simple-auth emberjs embroider msw polaris tailwindcss typescript vite

Last synced: about 2 months ago
JSON representation

Pre-configured ember app for TRIPTYK. Ready for Polaris !

• Host: GitHub
• URL: https://github.com/triptyk/ember-boilerplate
• Owner: TRIPTYK
• Created: 2020-10-05T06:57:45.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-17T20:55:10.000Z (4 months ago)
• Last Synced: 2024-08-17T21:46:52.169Z (4 months ago)
• Topics: boilerplate, ember, ember-changeset, ember-simple-auth, emberjs, embroider, msw, polaris, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 3.67 MB
• Stars: 6
• Watchers: 8
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ember-boilerplate

[![Tests](https://github.com/TRIPTYK/ember-boilerplate/actions/workflows/ci.yml/badge.svg)](https://github.com/TRIPTYK/ember-boilerplate/actions/workflows/ci.yml)



  

    

  

  

    

  



## Preconfigured 5.x Ember project with

- Embroider

- Typescript integration (ember-cli-typescript)

- Validations (ember-immer-changeset + yup)

- Tailwindcss 3.x, with primary and secondary colors configured

- Flash messages (ember-cli-flash)

- Tests (ember-test-selectors, ember-cli-page-object)

- Sessions,Login,Logout,... (ember-simple-auth,ember-simple-auth-token)

- Ember data next gen (RequestManager based)

- Ember concurrency

- Test seeding & parallelization (ember-exam)

- dev & test mocking (msw)

- Translations (ember-intl)

- Authorizations (ember-can)

- Pre-made registration flow (login/register/forgot-password)

## VSCODE IDE

- VSCODE Ready, all rules are setup for a great developing experience.

## Additional Tooling

- With-backend: `with-backend.js` Starts the ember app with a backend synchronously.

- Husky: checks linting + code duplication + integration & unit tests before commiting to VSC.

## Docker

- A docker image can be found in `images`.

## CI

A github workflow CI is provided.

## Approach

### Controllers

- We have the rule 'ember/no-controllers' activated, so usage of controllers other than for query params is prohibited. Instead, you must create a component in 'pages'. Each component should accept a @model.

Note: Exception for the ApplicationController, needed for an addon.

### Translations

Translations are located: `translations/`

- Each component must have his translation file

- A global translation file can be created

- YAML files keys in snake_case

### Changesets & Validations

Changesets are located: `app/changesets/`

Changesets services are located: `app/services/changesets`

Validations are located: `app/validations/`

- Each changeset has it's own file and it's own class.

- All changesets comes from `ember-immer-changeset`. It provides full type-checking of changesets.

- A changeset can have a service associated that persists the data of a changeset to an endpoint.

### Authorizations

Authorizations are located: `app/abilities/`.

### Components

Components are located: `app/components/`.

- Pod structure.

### API Mocking

Development mocks are in `app/handlers`.

Testing mocks are split in the `tests` folders.

## Installation

- `git clone [email protected]:TRIPTYK/ember-boilerplate.git` this repository

- `cd ember-boilerplate`

- `rm -rf .git`

- `git init`

- `pnpm install`

## Running / Development

- `pnpm start`

- Visit your app at [http://localhost:4200](http://localhost:4200).

### Running Tests

- `pnpm test`

### Linting

- `pnpm lint`

- `pnpm lint:fix`

### Building

- `pnpm build --mode=dev` (development)

- `pnpm build` (production)