https://github.com/luiizsilverio/my-trips
Projeto desenvolvido em React.JS/Next, com exibição de mapas através do componente Leaflet.
https://github.com/luiizsilverio/my-trips
graphcms graphql-request leafletjs next-pwa next-seo nextjs nextjs-progressbar react styled-components typescript
Last synced: 7 months ago
JSON representation
Projeto desenvolvido em React.JS/Next, com exibição de mapas através do componente Leaflet.
- Host: GitHub
- URL: https://github.com/luiizsilverio/my-trips
- Owner: luiizsilverio
- License: mit
- Created: 2021-12-12T12:31:58.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-08-04T13:34:00.000Z (about 1 year ago)
- Last Synced: 2025-02-01T17:11:40.678Z (9 months ago)
- Topics: graphcms, graphql-request, leafletjs, next-pwa, next-seo, nextjs, nextjs-progressbar, react, styled-components, typescript
- Language: TypeScript
- Homepage: https://my-trips-seven-wine.vercel.app
- Size: 459 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
My-Trips
## Conteúdo
* [Sobre o Projeto](#sobre-o-projeto)
* [Tecnologias](#hammer_and_wrench-tecnologias)
* [Screenshots](#camera_flash-screenshots)
* [Iniciando o Projeto](#car-Iniciando-o-projeto)
* [Licença](#balance_scale-licença)
* [Contato](#email-contato)
## Sobre o projeto
Aplicação desenvolvida em React/Next com Typescript, durante o curso [Aprenda NextJS, GraphQL/GraphCMS e Leaflet na prática!](https://www.udemy.com/course/aprenda-nextjs-na-pratica/), 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](https://my-trips-seven-wine.vercel.app).
## :hammer_and_wrench: Tecnologias
* React
* NextJs
* Typescript
* Mapa Leaflet / MapBox
* Estilos com Styled-Components
* Banco de dados armazenado no CMS GraphCMS
## :camera_flash: Screenshots
## :car: Iniciando o projeto
```bash
# 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
```
## :balance_scale: Licença
Este projeto está licenciado sob a [licença MIT](LICENSE).
## :email: Contato
E-mail: [**luiiz.silverio@gmail.com**](mailto:luiiz.silverio@gmail.com)