Angular Starter

This project is using Angular CLI.

I'm using this repository as a starter kit to create Web App based on Angular 8+.

Getting started

#clone repository
git clone https://github.com/cedricduffournet/ngx-starter.git

#Enter in app folder
cd ngx-starter

#Install package
yarn

#Start developement web server
yarn start

use login : superadmin@dev.com / pwd : superadminpwd to connect

The application's backend is available on https://github.com/cedricduffournet/symfony-api-rest-starter. If you don't want to install backend locally, use the demo api for development environment by changing apiHost in environment.ts:

Change

export const environment = {
  ...
  apiHost: 'http://127.0.0.1:81',
  ...
};

To

export const environment = {
  ...
  apiHost: 'https://symfony-api-rest.cedricduffournet.com',
  ...
};

Tasks

• yarn start run a development web server (http://localhost:4200) that watches the files
• yarn test run all the jest unit tests once
• yarn test:watch watch all the source files and run all the unit tests when any change
• yarn lint check that the code follows style rules
• yarn build create a production build of the application

Running on Docker

The project can run as docker container. This will run application build with nginx web server :

• make dev - then navigate to http://localhost:82

Use shematics

Easy way to create CRUD feature module (more info here )

ng generate @cedricduff/schematics-ngx-starter:crud MyFeature

Included

• RxJS - Reactive Extensions Library for JavaScript
• @ngrx/store - Bindings to connect the Angular Router to @ngrx/store
• @ngrx/effects - Side effect model for @ngrx/store
• @ngrx/router-store - Bindings to connect the Angular Router to @ngrx/store
• @ngrx/store-devtools - Instrumentation for @ngrx/store enabling time-travel debugging
• @angular/router - Angular Router
• @angular/service-worker - Help precaching data
• ngx-bootrap - Bootstrap components powered by angular
• @fortawesome/angular-fontawesome - Font Awesome 5 Angular component using SVG with JS
• @ngx-translate/core - The internationalization (i18n) library
• angular2-toaster - Toaster Notification library
• normalizr - Data Normalization
• jest - JavaScript test runner with easy setup, isolated browser testing and snapshot testing