Logo - Bruno Barreiras

Lista de Países

Meu cargo: Estudante

Time: Vai na Web - Curso

TypeScriptNext.jsReact.jsTailwind CSSFetch API

Recentemente, fui desafiado pela plataforma Codante IO a criar uma aplicação que possibilitasse a consulta de informações de todos os países por meio da API Rest Countries. O desafio não era apenas técnico, mas uma oportunidade de explorar novas ferramentas e conceitos. Com Next.js como base, adotei o Tailwind CSS para estilização, e a Fetch API para consumo da API Rest Countries. O resultado? Um projeto desafiador, repleto de aprendizados e conquistas.

Um Desafio que Fez a Diferença: Next.js e Tailwind CSS na Jogada

Este projeto representou meu batismo de fogo com Next.js, uma estrutura de desenvolvimento React, e também com o Tailwind CSS, um framework de estilização. A curva de aprendizado foi intensa, mas essencial para meu crescimento como desenvolvedor. A leitura detalhada da documentação foi minha companheira constante, e cada desafio foi uma oportunidade de aprimoramento.

Explorando Novos Horizontes: Consumindo a API Rest Countries com Fetch API

A tarefa principal era criar uma aplicação que permitisse consultar informações detalhadas de todos os países. Utilizando a Fetch API, mergulhei na documentação da API Rest Countries, aprendendo a estrutura dos endpoints e a formatar os dados para uma exibição eficiente na aplicação Next.js. O desafio foi não apenas consumir a API, mas também aproveitar o poder do cache do Next.js para tornar a aplicação dinâmica e eficiente.

Triunfando sobre Desafios Técnicos: Tailwind CSS e o Conceito Mobile-First

Minha maior batalha foi compreender o conceito do Tailwind CSS sobre mobile-first. Acostumado ao tradicional CSS e começando pelo desktop, enfrentei dificuldades para adaptar-me ao fluxo inverso. As classes do Tailwind eram novas e, a cada momento, recorria à documentação para garantir a aplicação correta. No entanto, a persistência prevaleceu, e o projeto foi concluído com sucesso.

Um Projeto Completo e uma Jornada Marcante

Apesar dos desafios, esta jornada foi marcada por descobertas, crescimento e, acima de tudo, conquistas. Meu primeiro projeto Next.js e Tailwind CSS agora é uma realidade, uma aplicação que não apenas consome dados da API Rest Countries, mas também reflete meu compromisso com o aprendizado contínuo e a resolução de desafios técnicos.

Conclusão: De Desafios a Conquistas, uma Jornada Inesquecível

Este projeto vai além das linhas de código; é uma narrativa de superação e aprendizado constante. Convido você a explorar esta aplicação que nasceu de desafios e agora se destaca como uma conquista significativa em minha jornada de desenvolvimento. Aqui está a minha história de triunfo sobre desafios técnicos, e mal posso esperar para compartilhar mais aventuras tecnológicas em futuros projetos.

Links: