This is a web application developed to accept user input Web page URL and read and display the html content of the page for the following information :
- Read image URLs from the page and display it in a carousel.
- Read the total number of the words used in the web page.
- Read the text content on the page for all the words and find the top 10 most used words and display the details in the form of chart.
This project is developed using the asp.net core framework version 6. For server side coding, C# langugage is used and for client side coding, JQuery a javasscript based scripting language is used and few thrid party js packages such as slick.js for image carousel and google visualization charts are leveraged.
Following three projects are part of the solution
- Parser.API Is a .net core web API project which has a API controller (LoadUrlController) method named "LoadUrl" which takes url parameter of a webpage and leverge HtmlAgilityPack libraries to read the HTML content of the page for images, words and count and return the result.
- Parser.Web is a .net core MVC web application which is used to render a web page with the user interfacing requesting the URL from the end user and further request the Parser.API to retrive the result set containing the image URLs and word information and deplay them using the slick carousel and google visualization chart.
- Parset.API.Test is a simple NUnit test application used to test the API.
Below is the sample UI design page with the steps to access the page.
- Step 1
- Step 2
Download the entire project from the repository and perform the following steps:
- Ensure the ports 7007 and 7048 are available as they are the default ports for the web app ad the web api to listen
- Navigate to the following two folder using file explorer and run the command "dotnet run"
- [Download Folder]\Parser\Parser.API
- [Download Folder]\Parser\Parser.Web
- Navigate to the following URL using the browser and launch the web application using the URL "https://localhost:7007/"