Essa será uma aplicação onde você tem dois objetivos principais. O primeiro é desenvolver toda a interface usando como base o Chakra UI. O outro é que você deve trabalhar o responsivo da aplicação (e é aqui que sua criatividade pode brilhar ainda mais).
O tema dessa aplicação é explorar os continentes do dosso planeta e conhecer um pouco mais sobre as cidades mais visitadas em cada um deles.
Você vai iniciar uma aplicação Next.js do zero na sua própria máquina e implementar a interface conforme o layout do Figma.
Vamos nessa?
Um ponto muito importante desse desafio que queremos que você exercite é a implementação de uma interface a partir de um layout do Figma, como se você tivesse recebido isso das mãos de um designer.
Nesse desafio, você deve implementar o layout das páginas Web e Mobile.
O Chakra UI é um design system poderoso e que pode aumentar consideravelmente a sua produtividade ao desenvolver interfaces.
Como a lib é muito grande e é inviável que o Diego mostre todas as opções e possibilidades durante a aula, recomendamos fortemente que vocês utilizem a documentação oficial ao seu favor para escolher os melhores componentes para sua aplicação
O Unsplash é um banco de imagens gigante e grátis! Além disso, ele possui uma API por onde é possível pesquisar e obter essas imagens. Nesta aplicação, utilizamos a API para buscar as imagens de cada cidade.
A documentação oficial pode ser conferida abaixo:
Depois de clonar o repositório da aplicação, execute o comando abaixo para que todas dependências sejam instaladas:
yarn installPara iniciar a aplicação, execute:
yarn dev