https://github.com/tidusjar/playfinder-technical-test

https://github.com/tidusjar/playfinder-technical-test

Last synced: 29 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tidusjar/playfinder-technical-test
• Owner: tidusjar
• Created: 2020-07-20T10:43:23.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-20T00:44:30.000Z (over 4 years ago)
• Last Synced: 2024-10-06T01:41:34.556Z (3 months ago)
• Size: 151 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PlayFinder Angular v9 Test Application

Features:

This app currently has a search component, using child input components. A list component featuring pagination. Linked via a service and utilises Reactive Forms API. I have added validation. Each component is reusable.

It builds the URL and parameters, connects to: https://api-v2.pfstaging.xyz/ (i couldnt get the other to work) and adds the data into state via NGRX.

The params are added to the URL and will work if you refresh the screen, this way you can deep link you search results.

I use pipes to manipulate data shown, for instance: Duration and dates.

I have added NGRX dev tools too so if you have the chrome plugin, you'll be able to observe state.

WORKS ON CHROME, no other browsers have been tested.

## Development server

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

## Running unit tests

Run `npm run test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

By Andy Williamson