Menu

Omnipresent Replica

Development

Omnipresent Coding Challenge

In order to showcase possible remote work country location, I used Airtables API in a function and called it using useEffect and stored the data in a variable. In this case, the useState hook has a default value of an empty array to hold the fetched data and reuse to map and display the countries in a component. The useContext hook was applied to avoid prop-drilling via each component.

A search function on keywords about a specific country was included on the sub navigation bar based on language, currency, country and region by using the spread operator on the variable holding the country data and using filter() to return a match from the input value. You may view the filter functions by clicking the link below and trying it out for yourself!