/worldtrip

Primary LanguageTypeScript

Worldtrip ✈

Aplicação feita em Next ⚛

Sobre a aplicação 🚀

  • Site para viagens
  • Mostra os principais pontos turísticos de cada continente
  • Aplicação totalmente responsiva

Tecnologias utilizadas ⚙

  • Next
  • React
  • Typescript
  • Chakra UI (Biblioteca de interface declarativa)
  • JSON server (fake API)
  • Swiper (Carousel slide)
  • Figma (Para fazer a estilização)

Principais aprendizados 👩‍🚀

  • Trabalhar com interfaces declarativas com o Chakra UI
  • Utilizar uma fake API para uma possível situação em que o back ainda não esteja pronto
  • Responsividade com o Chakra
  • GetStaticProps para gerar as páginas do Next de forma estática

Layout do Figma da Aplicação

Como executar a aplicação na sua máquina 💻

  • 1 - Clonar o repositório em uma pasta no terminal git clone link_do_repo
  • 2 - Acessar a pasta onde o repo foi clonado cd nome_da_pasta
  • 3 - Após acessar a pasta instalar as dependências yarn
  • 4 - Abrir a pasta do projeto no vscode ou qualquer editor de código
  • 5 - Utilizar dois terminais na pasta do projeto, um para executar o server da fake API: yarn server, e o outro para executar a aplicação Next: yarn dev
  • 6 - Pronto, agora é só abrir o localhost:3000 no sua máquina que a aplicação estará rodando lá 😀