https://github.com/rafaelhdsv/ip-address-tracker

This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
https://github.com/rafaelhdsv/ip-address-tracker

Last synced: 3 months ago
JSON representation

This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Host: GitHub
• URL: https://github.com/rafaelhdsv/ip-address-tracker
• Owner: RafaelHDSV
• Created: 2024-05-07T11:08:55.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-07T11:31:11.000Z (about 1 year ago)
• Last Synced: 2025-01-30T17:57:31.906Z (5 months ago)
• Language: CSS
• Homepage: https://ip-address-tracker-rafael.netlify.app
• Size: 2.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - IP address tracker solution

![GitHub repo size](https://img.shields.io/github/repo-size/RafaelHDSV/IP-Address-Tracker?style=for-the-badge)

![GitHub language count](https://img.shields.io/github/languages/count/RafaelHDSV/IP-Address-Tracker?style=for-the-badge)

![GitHub forks](https://img.shields.io/github/forks/RafaelHDSV/IP-Address-Tracker?style=for-the-badge)



> This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

-    [Overview](#overview)

     -    [The challenge](#the-challenge)

     -    [Links](#links)

     -    [Screenshot](#screenshot)

-    [My process](#my-process)

     -    [Built with](#built-with)

## Overview

### The challenge

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

### Links

-    Solution URL: https://www.frontendmentor.io/solutions/ip-address-tracker-x4hHLS2vn3

-    Live Site URL: https://ip-address-tracker-rafael.netlify.app

### Screenshot

-    Desktop

     ![](images/desktop.png)

-    Mobile

     

## My process

### Built with

-    HTML

-    CSS

-    JAVASCRIPT

-    API

-    GOOGLE MAPS

-    IP API

[⬆ Back to the top](#frontend-mentor---ip-address-tracker-solution)