shodiqbasiru / form-autocomplete-dotnet

Blazor Web Application Autocomplete API With AJAX and JQuery

This is a Blazor Web Application that uses an API to provide autocomplete functionality for country, harbour, and product fields. The application also calculates custom rates based on the product and price.

Features

• Autocomplete for country, harbour, and product fields
• Calculation of custom rates based on product and price

tech

• Blazor : A framework for building interactive web UIs using C# instead of JavaScript.
• JQuery : A fast, small, and feature-rich JavaScript library.
• AJAX : A set of web development techniques using many web technologies on the client side to create asynchronous web applications.

Usage

1. Enter the first 3 characters of a country name in the country field. The application will display an autocomplete list of countries.
2. Enter the first 3 characters of a harbour name in the harbour field. The application will display an autocomplete list of harbours.
3. Enter a product ID in the product field. The application will display data related to the entered product ID and will display the custom rate based on the entered product ID.
4. Enter a price in the price field. The application will display the output based on the formula: price multiplied by the custom rate divided by 100.

Credits

• AutoComplete Feature: jQuery UI