Skip to content

Projeto desenvolvido em React.JS/Next, com exibição de mapas através do componente Leaflet.

License

Notifications You must be signed in to change notification settings

luiizsilverio/my-trips

Repository files navigation

My-Trips

Conteúdo

Sobre o projeto

Aplicação desenvolvida em React/Next com Typescript, durante o curso do professor Willian Vasconcelos, que mostra o mapa-mundi com marcadores que indicam todos os lugares que eu visitei (marcador vermelho) ou desejo visitar (marcador verde).
Ao clicar nos marcadores, mostra uma tela com informações sobre o lugar, com texto e fotos.
Os dados estão armazenados no GraphCMS e são acessados por meio de uma API GraphQL.
Utiliza recursos de páginas dinâmicas e páginas estáticas.
A aplicação pode ser acessada aqui.

🛠️ Tecnologias

  • React
  • NextJs
  • Typescript
  • Mapa Leaflet / MapBox
  • Estilos com Styled-Components
  • Banco de dados armazenado no CMS GraphCMS

📸 Screenshots

🚗 Iniciando o projeto

# Baixe o repositório com git clone e entre na pasta do projeto.
$ git clone https://github.com/luiizsilverio/my-trips.git

# Execute yarn para instalar as dependências (ou npm install)
$ yarn

# O intervalo de tempo padrão é 25 minutos. Para diminuir o tempo,
# Altere a variável global NEXT_PUBLIC_INTERVALO_TEMPO no arquivo .env.

# Para iniciar a aplicação
$ yarn dev

# Abra http:https://localhost:3000 no navegador

⚖️ Licença

Este projeto está licenciado sob a licença MIT.

📧 Contato

E-mail: [email protected]