Países App 🔍🌍

Visite o site: https://paises.com

• Página principal

• Página de detalhes

Sobre

O projeto é um desafio do site Frontend Mentor. Com ele é possível pesquisar e ver detalhes sobre todos os países do mundo. Use o sistema de filtragem e confira os dados de cada país em uma página dedicada.

Os dados são consumidos da api Rest Countries Api, que infelizmente não conta com dados em português.

Ferramentas Usadas

• Html semântico
• Sass
• React Js
• React Router
• Axios
• Numeral Js
• Rest Countries Api
• IntersectionObserver

Lições Aprendidas

Nesse projeto exercitei minhas habilidades no consumo e tratamento de dados vindos de uma api. Desta vez optei por usar Axios em contrapartida do tradicional fetch(). Foi interessante notar a forma com que o axios simplifica as requisições e o tratamento dos erros.

Pela primeira vez usei a api nativa do JavaScript, IntersectionObserver, para implementar um infinite scroll. Os estilos ficaram por conta do Sass, linguagem que venho usando com bastante frequência em meus projetos mais recentes. Com a api Numeral Js, ficou fácil tratar os diferentes formatos númericos vindos da api.

Links

• Visite o site: https://paises.com
• Desafio original: Frontend Mentor