Skip to content

🔍📙This is a POC project created with Angular 6. It includes a search box which allows retrieving data from external API. Search has debounce, table has sorting and caching.

Notifications You must be signed in to change notification settings

otomer/ng-pbook-app

Repository files navigation

NgPbookApp | Angular 6 Search with data table POC

Angular This project was generated with Angular CLI version 6.0.8.

Example

Running GIF example - Demo

AngularPOC

Features

  • Search box input
    • Retrieves data via external API.
    • Input numeric validation
    • Keyup debouncing (for performance improvement) by 'keyUpTypingMiliseconds' parameter.
  • Data table
    • Data can be sorted by each column (Ascending/Descending order)
    • Local caching by both 'maxCachedItems' and 'expirationSecondsForItem' parameters.
    • Loading behavior.

Running the app

First, run npm install in the root folder (to install all it's dependencies).

Then, Run ng serve for a dev server. Navigate to http://localhost:4200/.

Note: If this port is already taken, you can use ng serve --port <port> and configure another one instead.

That's it

Enjoy.

About

🔍📙This is a POC project created with Angular 6. It includes a search box which allows retrieving data from external API. Search has debounce, table has sorting and caching.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published