Skip to content

A web app that tracks IP addresses or domains by consuming IPFY-API and Google Maps API.

Notifications You must be signed in to change notification settings

paichato/ipadrrestracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

83 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IP ADDRESS TRACKER 🧭

A web app that tracks IP addresses or domains by consuming IPFY-API and Google Maps API.

What the app looks like/ Aparencia da aplicacao 🙈

banner banner


How to run the app/ Como executar o aplicativo 🚀

  1. Either click on the link on the right panel or fork/download the app and open the folder in the CLI
  2. Install all dependecies using the 'yarn add' command
  3. Start the web server using the 'yarn start'. The app will be served at http://localhost:3000/ipadrrestracker
  4. Go to http://localhost:3000/ipadrrestracker on your browser and start exploring repos

How to explore / Como explorar a app 🔀

  1. Wait 3 seconds till the app loads
  2. Press enter to use your own ip to track
  3. Enter a valid ip or domain to search br/>

User stories

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

Features 💎

see detailed info of certain ip/domain For every request theres a response as a toast notification Loader when fetching data Map that show address location

Dependecies 💾

react styled-components react-favicon
ipfy-api axios react-toastify

Why

This project is part of my personall portfolio. It was built based on Frontend Mentordesign.

Email: tsenane14@gmail.com Contact me at Linkedin

UI/UX credits: Frontend Mentor

Future Features 🎲

  • share option

Buy Me a Coffee at ko-fi.com |