REST Countries API (React, useContext, Axios, Material UI, TDD)

Several changes and additions have been made to this solution from the brief for improved UI:

• A 'View More' pagination button which displays the next 20 countries each time
• Automatically alphabetized country lists on first render
• Live filtering of country search with each keystroke entry
• Mapping of border country codes to the respective countries
• Increased font size for grid container text (population, region and capital props)
• Displaying the name of the region selected in the top right menu

Stacks and Tools Used

• React (custom context and hooks)
• Axios
• Material UI
• Cypress Unit Testing

Linting

• ESLint

Planned Future Iterations

• Review of component and Unit Testing w/ Material UI providers
• Addressing of DOM depth attributing to minor performance dips on first render
• Addition of 'clear' on filter menu selection to reset to viewing all countries
• Disable Vercel compression image assets (owing to visual degradation)