Aqui está um exemplo detalhado de um arquivo README para o seu sistema em Node.js:
Map Wizard é um sistema abrangente para gerenciamento de locais com integração ao Google Maps. Ele permite aos usuários criar, atualizar, visualizar e excluir locais, além de fornecer direções usando a API do Google Maps. O sistema é projetado para ser amigável e incorpora recursos como filtragem de locais e gerenciamento da chave da API do Google.
- Operações CRUD: Crie, leia, atualize e exclua facilmente entradas de locais.
- Integração com Google Maps: Exiba locais no Google Maps e forneça direções.
- Filtragem de Locais: Filtre locais por ID, nome, endereço ou coordenadas.
- Gerenciamento de Chave da API: Atualize facilmente sua chave da API do Google através da interface do usuário.
- Design Responsivo: Utiliza Bootstrap para um design moderno e responsivo.
map-wizard-node
│
├── config
│ └── db.json
├── controllers
│ └── mapController.js
├── models
│ └── mapModel.js
├── public
│ ├── css
│ │ └── styles.css
│ └── js
│ └── initMap.js
├── routes
│ └── mapRoutes.js
├── views
│ ├── partials
│ │ └── form.ejs
│ ├── apiKey.ejs
│ ├── create.ejs
│ ├── edit.ejs
│ ├── index.ejs
│ └── view.ejs
├── .gitignore
├── app.js
└── package.json
-
Clone o repositório:
git clone https://github.com/sandrofpaula/map-wizard-node.git cd map-wizard-node
-
Instale as dependências:
npm install
-
Configure a chave da API do Google Maps em
config/db.json
:{ "google_api_key": "YOUR_GOOGLE_API_KEY", "mapas": [ { "id": 1, "nome": "Zoológico Do Cigs", "endereco": "Zoológico Do Cigs - São Jorge, Manaus - AM, Brasil", "localizacao": "-3.1019777,-60.0450049" }, { "id": 2, "nome": "Arena da Amazônia", "endereco": "Arena da Amazônia - Avenida Constantino Nery - Flores, Manaus - AM, Brasil", "localizacao": "-3.0832457,-60.0281392" } ] }
-
Inicie o servidor:
node app.js
-
Abra seu navegador e acesse
http://localhost:3000
.
-
Criar Local
- Navegue para
http://localhost:3000/create
- Preencha o formulário com os detalhes do local e clique em "Salvar".
- Navegue para
-
Editar Local
- Navegue para
http://localhost:3000/edit/:id
- Atualize os detalhes do local e clique em "Atualizar".
- Navegue para
-
Visualizar Local
- Navegue para
http://localhost:3000/view/:id
- Veja os detalhes do local e visualize sua localização no mapa.
- Navegue para
-
Excluir Local
- Navegue para
http://localhost:3000
- Clique em "Excluir" ao lado do local que deseja remover.
- Navegue para
-
Gerenciar Chave da API do Google Maps
- Navegue para
http://localhost:3000/editApiKey
- Atualize a chave da API do Google e clique em "Salvar".
- Navegue para
Arquivo principal que configura o servidor Express, configurações de middleware e define as rotas.
Arquivo JSON que contém a chave da API do Google Maps e os dados dos locais.
Controlador que contém as funções para lidar com as operações CRUD e gerenciamento da chave da API do Google.
Modelo que lida com a leitura e gravação de dados no arquivo config/db.json
.
Define as rotas para o sistema, mapeando URLs para funções de controlador.
Contém arquivos EJS para renderização das páginas HTML. Inclui formulários para criar e editar locais, visualizar detalhes de locais, e gerenciar a chave da API do Google.
Contém arquivos estáticos como CSS e JavaScript.
- Acesse o Google Cloud Console (abre em uma nova aba).
- Crie um novo projeto ou selecione um projeto existente.
- Habilite a API "Maps JavaScript API".
- Navegue até "APIs & Services" > "Credentials".
- Crie uma nova chave de API e copie-a.
- Cole a chave de API no arquivo
config/db.json
no campogoogle_api_key
.
Para mais informações, entre em contato com Linkedin (abre em uma nova aba).