Custom Search and Filter with .NET Core and Angular 8 -
This application built with the new version of .Net Core WebAPI, Angular and NPM CLI shows how to fetch and display data from database, perform custom search and filtering (autosuggest concept) and display details for selected record from the autosuggest list. This code bunch is ready to integrate directly and use with minimum changes (connection string) into your application. The best BeSpoke solution that could be integrated directly into your web application; an application that is both modern, crucial and relevant.
The code package contains -
* backend API
* angular front end app
*the application database
What you get and learn -
* write a WEB API with .Net Core and use it to fetch data from Sql Server DB
* configure .NetCore WebAPI to accept method requests from specified source, origin and headers
* use data service in an angular application to communicate with .Net Core WebAPI and receive data
* use angular flags and webhook key events to create a autosuggest list by sending request to the backend API
SCOPE:
The scope of expansion of this sample is as such -
Write a steady and robust exception handling mechanism for the backend API to make the application free of glitches as much as possible. For ideas, visit: https://www.youtube.com/channel/UCIpaQzkTUSPsovR2lb1nFog/videos
Improve the look and feel of front end Angular app to make it more responsive, and sassy. Specially the autosuggest list. Add a clear button beside the textbox to reset/clear it and reload all the original data.