Perx Angular Interview - Brian Young

This test should take about 1 hour

Create a mini dashboard

Requirements

  1. Runnable with ng serve
  2. A landing page with full page image and a single button to proceed.
  3. A Navigation Bar that uses Angular Animations
    • It must not be present in the landing page
  4. A second route that displays the example json in a table with filtering and sorting capabilities
  5. A third route that displays a styled <div> of default text which is replaced with a custom text that demonstrates your use of directives
    • You may choose any type of directive to make this happen
    • You may choose any mechanic to make this happen

Using these tools

  1. Angular CLI
  2. Angular Material
  3. SCSS
  4. Example json as a payload,
  5. Lorem Ipsum

and any other libraries you see fit.

Evaluation

Your code will be evaluated more on the quality than on completing the scope.

Delivery

Please submit a link to your personal git repo with your commits.

Project

This project was generated with Angular CLI version 8.3.19.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.