My-Trips

Conteúdo

• Sobre o Projeto
• Tecnologias
• Screenshots
• Iniciando o Projeto
• Licença
• Contato

Sobre o projeto

Aplicação desenvolvida em React/Next com Typescript, durante o curso Aprenda NextJS, GraphQL/GraphCMS e Leaflet na prática!, do professor William Justen. Ele 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://localhost:3000 no navegador

⚖️ Licença

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

📧 Contato

E-mail: luiiz.silverio@gmail.com