This is a solution to the IP Address Tracker challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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
- See a loading state when the API is fetching data
- See an error state when the API fails to return successfully
- Live Site URL: IP Address Tracker
- Mobile-first workflow
- React - JS library
- Styled Components - For styles
- IP Geolocation API by IPify - For IP Address info
- LeafletJS - For mapping
- Mapbox and OpenStreetMap - For map images
- Vercel Serverless Functions - To act as a proxy for API requests
- Frontend Mentor - @MatthiasSmith