The app was built with the help of React JS to build the frontend of the app and the API call was made with the help of a library named axios which made a request to the URL provided for the assignment. The app is deployed on a firebase site.
1.React JS and its hooks
2.Axios
The input component takes a number as input and displays the N top ranking words based on the frequency of the words in the file. The table is rendered after a valid input is entered in the input field ,i.e, a number between 0 and the number of unique words in the file, otherwise a warning is displayed below the input field.
The Homescreen component is used to display the input form and the table.
The table that is rendered on valid input.
On entering a number that is negative or above the number of unique words a warning is displayed.
The input type is number so the user will need to enter numerical values by default.