Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielfeijo/radares-recife
O projeto integra a API do Google Maps com dados da Prefeitura do Recife e CTTU para exibir todas as localizações dos radares na cidade.
https://github.com/gabrielfeijo/radares-recife
axios googlemaps-api nextjs react react-dom tailwindcss typescript
Last synced: about 1 month ago
JSON representation
O projeto integra a API do Google Maps com dados da Prefeitura do Recife e CTTU para exibir todas as localizações dos radares na cidade.
- Host: GitHub
- URL: https://github.com/gabrielfeijo/radares-recife
- Owner: GabrielFeijo
- Created: 2024-05-07T15:05:38.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-07T19:59:17.000Z (8 months ago)
- Last Synced: 2024-05-07T22:24:15.560Z (8 months ago)
- Topics: axios, googlemaps-api, nextjs, react, react-dom, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://radares-recife.vercel.app
- Size: 84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Radares-Recife
Este é um projeto que utiliza a API do Google Maps e dados fornecidos pela Prefeitura do Recife e CTTU para mostrar todas as localizações de radares presentes na cidade do Recife. O projeto visa fornecer informações úteis sobre os radares, como tipo de equipamento, registro no INMETRO, local de instalação, sentido de fiscalização, velocidade fiscalizada, entre outros.
## 📱 Funcionalidades
- Visualização de Localizações de Radares: Os usuários podem visualizar todas as localizações de radares na cidade do Recife em um mapa interativo.
- Detalhes sobre os Radares: Os usuários podem clicar em cada marcador de radar para visualizar detalhes específicos, como tipo de equipamento, número de série, local de instalação, sentido de fiscalização, velocidade fiscalizada, entre outros.
- Integração com API do Google Maps: Utilização da API do Google Maps para renderizar o mapa e adicionar marcadores de radar.## 👾 Experimente
Para acessar o projeto, clique no link: [Radares-Recife](https://radares-recife.vercel.app/).
## 🚀 Começo
Estas instruções permitirão que você obtenha uma cópia de trabalho do projeto em sua máquina local para fins de desenvolvimento e teste.
### 📋 Pré-requisitos
Antes de começar, você precisará ter as seguintes ferramentas instaladas em sua máquina:
[Git](https://git-scm.com),
[NodeJS](https://nodejs.org/en).Também é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
---
### 🎲 Colocando o projeto para funcionar localmente:
```bash
# Clone o repositório
$ git clone https://github.com/GabrielFeijo/Radares-Recife
``````bash
# Acesse a pasta do projeto em terminal/cmd
$ cd Radares-Recife# Instale as dependências
npm install# Configure as variáveis de ambiente no arquivo .env
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=""
NEXT_PUBLIC_API_URL="http://dados.recife.pe.gov.br/api/3/action/datastore_search?resource_id=e4c5acc3-c0b9-4127-ad08-472c5b9b003f"# Inicie a aplicação em DEV:
$ npm run dev
```---
## 🛠️ Feito utilizando