wikipeadia search app
Budget: ₹600 – ₹1,500 INR
When the application first loads, the search term is already predefined to the default value Programming
Here after the user types the first letter, wait 500 milliseconds, if the user types the next letter within the 500 milliseconds, don't fire any requests to the api else if the time exceeds the 500 mark, send a request to the wikipedia api.
After getting the data, get the text and the link to the source alone from the data.
create a list of anchor tags with the inner Text as the text from the data and the href as the source hyperlink.
When no text is entered, wait 200 milliseconds and remove the search list
The following id's are to be mapped to the elements
id -> element
• searchterm->input
⚫ suggestion-> a tag (It is the list that is generated after hitting the api. The id is applicable to all the elements displayed as shades of pink in the above picture)
Here after the user types the first letter, wait 500 milliseconds, if the user types the next letter within the 500 milliseconds, don't fire any requests to the api else if the time exceeds the 500 mark, send a request to the wikipedia api.
After getting the data, get the text and the link to the source alone from the data.
create a list of anchor tags with the inner Text as the text from the data and the href as the source hyperlink.
When no text is entered, wait 200 milliseconds and remove the search list
The following id's are to be mapped to the elements
id -> element
• searchterm->input
⚫ suggestion-> a tag (It is the list that is generated after hitting the api. The id is applicable to all the elements displayed as shades of pink in the above picture)