https://github.com/ericneves/findlocationbyip

🌎 IP Address Tracker with Location Map. Used: Webpack, Babel, IPIFY, LeafletJS and more..
https://github.com/ericneves/findlocationbyip

babel css html ipify-api javascript json leafletjs nodejs webpack

Last synced: 8 days ago
JSON representation

🌎 IP Address Tracker with Location Map. Used: Webpack, Babel, IPIFY, LeafletJS and more..

• Host: GitHub
• URL: https://github.com/ericneves/findlocationbyip
• Owner: EricNeves
• License: mit
• Created: 2023-03-10T14:51:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-17T00:15:24.000Z (almost 2 years ago)
• Last Synced: 2024-11-17T12:21:41.328Z (2 months ago)
• Topics: babel, css, html, ipify-api, javascript, json, leafletjs, nodejs, webpack
• Language: JavaScript
• Homepage: https://findlocationbyip.netlify.app/
• Size: 3.23 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        


#### Find location by IP 

 

Projeto web desenvolvido com objetivo de localizar coordenadas pelo endereço IP. Foram implementadas e utilizadas duas APIs (LeafletJS, IPIFY API), para pegar a posição (Latitude e Longitude) e renderizar no mapa. Além do mais, foram inseridas ferramentas como Webpack, Babel, Dotenv e entre outras.


O site foi criado baseado em parte de um projeto proposto na plataforma Frontend Mentor.




#### Observações ❗️

Para que o website seja executado em sua máquina, será preciso fazer um cadastro em IPIFY API e copiar a chave de acesso (ApiKey) para posteriormente ser utilizada na aplicação.


Partindo deste ponto, edite o arquivo .env.example para .env e cole a chave de acesso em KEY_IPIFY_API. Feito isso, o sistema funcionará perfeitamente.


#### Executando ⚙️

```sh

# Website: https://findlocationbyip.netlify.app/

# Clone

$ git clone https://github.com/EricNeves/findLocationByIP.git

# Install Dependencies

$ cd findLocationByIP && npm install

# Execute

$ npm start

# Run mode development 

$ npm run dev

# Build

$ npm run build

```

#### Ferramentas 🛠

   * HTML5

   * CSS3

   * Javascript

     * Fetch [LeafletJS, IPIFY API]

   * NodeJS

     * Express

     * Webpack

     * Babel

#### License 📝