Create a Responsive Countries API Website - ReactJS / Typescript / Styled-Components

Описание

how to make a complete responsive CountriesAPI website using ReactJS / Typescript / Styled-Components / Axios / React-Router / ContextAPI / Hooks

the main feature of this website are:
✅ Responsive Header
✅ Responsive Countries Section
✅ Responsive Single Country Section
✅ Theme Switcher
✅ Filter countries by Region or Name

Final Code on github:
https://github.com/MalcolmMello/CountriesAPI

Final website (Netlify):
https://countriesappprojectapi.netlify.app/

Challenge from Frontend Mentor:
https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca

After the challenge ended, I made some corrections to the Countries, CountryPage pages and SingleCountry component as I found responsiveness errors, so you can compare your final code with mine in my repository on GitHub
---------------------------------------------------------------------------------------------------------------------------
Como fazer website countriesAPI utilizando ReactJS / Typescript / Styled-Components / Axios / React-Router / ContextAPI / Hooks

As principais características desse website são:
✅ Header responsiva
✅ Seção com todos os países responsivas
✅ Seção com dados de apenas 1 país responsiva
✅ Theme Switcher
✅ Filtrar países pelo nome ou região

Código final no github:
https://github.com/MalcolmMello/CountriesAPI

Website finalizado (Netlify):
https://countriesappprojectapi.netlify.app/

Desafio do site Frontend Mentor:
https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca

Depois que acabei o desafio, fiz algumas correções nas páginas Countries e CountryPage e no componente SingleCountry, pois encontrei alguns erros de responsividade, mas você pode comparar seu código com o meu no meu GitHub.