https://github.com/codeedu/live-imersao-fullcycle8-react-google-maps

https://github.com/codeedu/live-imersao-fullcycle8-react-google-maps

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/codeedu/live-imersao-fullcycle8-react-google-maps
• Owner: codeedu
• Created: 2022-06-17T18:32:05.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-17T18:41:30.000Z (almost 4 years ago)
• Last Synced: 2025-04-17T10:25:32.577Z (about 1 year ago)
• Language: TypeScript
• Size: 217 KB
• Stars: 2
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Imersão Full Stack && Full Cycle](https://events-fullcycle.s3.amazonaws.com/events-fullcycle/static/site/img/grupo_4417.png)

Participe gratuitamente: https://imersao.fullcycle.com.br/

## Sobre o repositório

Esse repositório contém o código-fonte ministrado na aula Criando aplicação React com Material UI, Websockets e Mapas: [https://www.youtube.com/watch?v=Ibb-7R7oiLo](https://www.youtube.com/watch?v=Ibb-7R7oiLo)

## Rodar a aplicação

Existem duas aplicações 

* O back-end em Nest.js que vai servir a lista de rota e o servidor de websocket que notificar os pontos do trajeto

* O front-end em React.js que vai mostrar o Mapa e o rastreamento de veículos

Para funcionar você precisar levantar as duas aplicações, além de gerar uma Chave de API do Google Maps e colocar no `App.tsx`.

Execute os comandos:

```bash

cd nestjs

npm install

npm run start:dev

cd reactjs-maps

npm install

npm start

```

Acesse http://localhost:3000 para visualizar o mapa.