https://github.com/ugboaja-uchechi/ip-address-tracker

Built with JavaScript, Api's, HTML, and, CSS. Users can see their own IP Address on the map on the initial page load. Search for any IP addresses or domains and see the key information and location. View the optimal layout for each page depending on their device screen size.
https://github.com/ugboaja-uchechi/ip-address-tracker

api css html javascript

Last synced: about 1 month ago
JSON representation

Built with JavaScript, Api's, HTML, and, CSS. Users can see their own IP Address on the map on the initial page load. Search for any IP addresses or domains and see the key information and location. View the optimal layout for each page depending on their device screen size.

• Host: GitHub
• URL: https://github.com/ugboaja-uchechi/ip-address-tracker
• Owner: Ugboaja-Uchechi
• Created: 2022-05-03T22:28:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-25T11:38:34.000Z (10 months ago)
• Last Synced: 2024-04-18T16:40:26.381Z (9 months ago)
• Topics: api, css, html, javascript
• Language: JavaScript
• Homepage: https://ip-address-tracker1.netlify.app/
• Size: 1.14 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ip-address-tracker

This is my solution to the [IP Address Tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0).

### The challenge

In this challenge, I used two separate APIs together to create an IP Address Tracking app.

### Users should be able to:

- View the optimal layout for each page depending on their device's screen size

- See hover states for all interactive elements on the page

- See their own IP Address on the map on the initial page load

- Search for any IP addresses or domains and see the key information and location

### Built with

- Semantic HTML5 markup

- CSS Grid

- JavaScript

- [IP Geolocation API by IPIFY](https://geo.ipify.org/)

- [Leaflet.js an open-source JavaScript library for mobile-friendly interactive maps](https://leafletjs.com/)

### Live Link

[Demo Link](https://ip-address-tracker1.netlify.app/)

### ScreenShot

Desktop | Mobile

------------- | -------------

![image](https://user-images.githubusercontent.com/74814780/166976493-8238d903-c761-4548-8a72-f76ad7d05825.png) | ![image](https://user-images.githubusercontent.com/74814780/166976466-59e1353d-9f0d-40ff-bfae-1b265fa2aab8.png)

## Author

Ugboaja Uchechi

- GitHub: [GitHub](https://github.com/Ugboaja-Uchechi)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/stephanie-ugboaja/)

## 🤝 Contributing

Contributions, issues, and feature requests are always welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgment(s)

- Frontend Mentor