https://github.com/qms85/ipaddresstracker
https://github.com/qms85/ipaddresstracker
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/qms85/ipaddresstracker
- Owner: QMS85
- License: gpl-3.0
- Created: 2025-06-17T12:16:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-17T12:45:27.000Z (about 1 year ago)
- Last Synced: 2025-07-31T16:23:57.677Z (11 months ago)
- Language: JavaScript
- Size: 1.52 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Frontend Mentor - IP address tracker solution
This is my 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)
- [Screenshot](#screenshot)
- [Links](#links)
- [Built with](#built-with)
- [Useful resources](#useful-resources)
- [Author](#author)
## 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
### Screenshot
You can use a tool like [FireShot](https://getfireshot.com/) to take the screenshot. FireShot has a free option, so you don't need to purchase it.
Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above.
### Links
- Solution URL: [IP Address Tracker](https://github.com/QMS85/IPAddressTracker.git)
- Live Site URL: [IP Address Tracker](https://qms85.github.io/IPAddressTracker/)
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
### Useful resources
- [W3Schools](https://www.w3schools.com) - Learn To Code
- [freeCodeCamp: Responsive Web Design](https://www.freecodecamp.org/learn/2022/responsive-web-design) - Learn Responsive Web Design
- My Portfolio Website - [Jonathan Peters](https://qms85.github.io/MyPortfolio/)
- Frontend Mentor - [Jonathan Peters](https://www.frontendmentor.io/profile/yourusername)
- Twitter - [@DJJonnas](https://www.twitter.com/@DJJonnas85)
- Facebook - [Jonathan Peters](https://www.facebook.com/2jonathanpeters)
- Linkedin - [Jonathan Peters](https://www.linkedin.com/in/2jonathanpeters)