/gatsby-travel-website

🗺️ ✈️ This is a gatsby application. The application consists of a site with a gallery with a lot of incredible places to visit.

Primary LanguageTypeScript

🇺🇸 English (apenas no GitHub)
🇧🇷 Português


Go Travel!

Descubra lugares incríveis para visitar em todo o mundo no GO Travel. O site foi criado com o objetivo de proporcionar a você uma experiência de descoberta de destinos de viagem sem igual. Graças à poderosa combinação de Gatsby e GraphQL, oferecemos uma plataforma de carregamento ultrarrápido. Isso significa que você não precisa esperar muito para explorar imagens deslumbrantes dos destinos mais espetaculares da Terra.

Nossas imagens de alta qualidade são carregadas de forma eficiente, permitindo que você mergulhe na beleza de cada lugar sem atrasos irritantes. Aproveite a praticidade e a velocidade que a tecnologia Gatsby e GraphQL proporcionam.

Deixe-se inspirar e planeje suas próximas aventuras com o GO Travel. Explore os melhores destinos e prepare-se para uma jornada inesquecível, tudo com a vantagem de um site de carregamento ultrarrápido. A viagem dos seus sonhos está a apenas um clique de distância!

Image App

🔨 Recursos do projeto

Desenvolvido com o Gatsby, esta aplicação apresenta uma galeria de imagens dos destinos de viagem mais procurados. Em uma única página, você terá acesso a uma coleção de imagens espetaculares de destinos incríveis.

Aqui estão os recursos adaptados:

  • Galeria de Destinos: O projeto exibe imagens em modo grid, os destinos de viagem. Cada imagem representa um local incrível para visitar.
  • Navegação Simples: A aplicação é projetada para uma experiência de usuário intuitiva, permitindo que os visitantes naveguem facilmente.
  • Visualização Responsiva: Garanta que a galeria de imagens seja responsiva para que os usuários em dispositivos móveis tenham a mesma ótima experiência de visualização.

⚙️ Técnicas e tecnologias usadas

Confira essa lista de tudo que vamos usar nesse app:

  • Gatsby
  • TypeScript
  • Styled-Components
  • GraphQL
  • Netlifly Deployment
  • GitHub

🛠️ Abra e execute o projeto

Para abrir e executar o projeto, execute npm i para instalar as dependências e npm run develop para iniciar o projeto.

Em seguida, vá para http://localhost:8000/ em seu navegador.

📚 Mais informações do tutorial

O Go Travel é um aplicativo para visualizar destinos de viagem, desenvolvido a partir do tutorial Brian Design. A ideia principal deste tutorial de implementação é aprender e desenvolver os conceitos do framework Gatsby, uma alternativa razoável comparado a um dos queridinhos do mercado atual, NextJS. O fato dele trabalhar com sites estáticos, otimiza os resultados de carregamento de arquivos, melhorando as métricas com o Google e aprimorando a experiência do usuário, Em termos de estilização, ele é bem versátil, podendo ser adaptado com tailwindCSS, emotion, styled-components, SASS. Foi meu primeiro contato com GraphQL, que já havia ouvido falar anteriormente, e parece ser um diferencial no mercado.

🪧 Vitrine.Dev
✨ Nome Go Travel!
🏷️ Tecnologias Gatsby, GraphQL, TypeScript, Styled-Components, Netlify Deployment,GitHub (tecnologias utilizadas)
🚀 URL https://go-travel-website.netlify.app/
🔥 Desafio https://www.youtube.com/watch?v=ThzUUdIVr_I&t=3197s