This project was created using Create React App and Chakra UI libraries.
To retrieve articles from Wikipedia.org for user provided search strings.
-
The user enters a search string in the search box (A minimum of 3 characters are required to initiate the search).
-
The app uses the Wikipedia API to fetch results from the server.
-
If no results are found, then a message is displayed to the user.
-
The Fetch function retrieves the total number of hits (results) but displays only the 5 most relevant restults in the starting screen.
-
The user has the option to navigate through all the results by using the next and previous button.
-
In order to display results in well formatted manner, Card component from the Chakra UI library has been used.
-
The card consists of the title of the article the corresponding snippet.
-
Upon clicking the snippet, the article opens up in a new window on the user's browser.