Demo built on angular 1.x, Typescript, ES2017, ui-router

Demo

1. Demo powered by Heroku

How to build the app

1. Download and install NodeJS

2. On the console, run npm install

3. Run npm run build in order to build the code inside dist for distribution. Run npm run bundle-analyzer to analyze the bundle

4. Run npm run serve in order to launch the application for development

Backend implementation

1. Based on json-server with mocks from faker

2. Run npm run build and npm start in order to launch the server (http://localhost:3000) with the distribution version of the app (APIs available at http://localhost:3000/api/)

3. The server randomly simulates delays and errors for testing purposes

Progressive web app

1. The app contains a manifest.json and the entire service-worker business in order to cache the app (sw is enabled only for npm run build)

Libs & Tooling

1. Angular 1.x

2. Typescript (with --strict true)

3. Bootstrap 3.x

4. UI-Router

5. Sass

6. Webpack

7. Babel

8. EsLint

9. Stylelint

10. JSON Server

11. Webpack Bundle Analyzer

Unit-tests (karma + jasmine)

1. The unit-tests are written in typescript using Jasmine. You find all the files searching for __.spec.ts

2. On the console, run npm test for executing them

3. Tests are also executed automatically by Travis CI

Lightweight rest-api tests

1. Run npm start in order to launch the server (http://localhost:5000) with the distribution version of the app

2. Run npm run test-api in order to execute tests inside rest-api-tests with Frisby

Working with editors/IDEs supporting “safe write”

1. Take a look at the following page if you use IntelliJ or VIM