Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

IP Address Tracker | HTML CSS TS | ipwhois leaflet mapbox

accessibility, fetch, sass/scss, typescript, vite
Antoine C•1,240
@mattari97
A solution to the IP Address Tracker challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello everyone. This is my solution for the IP Address Tracker challenge.

I used ipwhois.io because of the credit system for geo.ipify.org however it means that the app only works with IP Address and not with domains.

It is the first time i worked with SCSS and i loved it 😀. I will probably always use it if I don't use tailwind for a project.

This time i wanted to make it as close to the design as possible without the design files so i created my own figma file based on the jpgs from the starter files.

I also chose to validate the form data with a Regexp & display the API errors in a custom made toast that hopefully you won't ever see because everything will work fine 😁.

Feel free to report any bugs and share some improvements you would like to see me implement in the project.

Have a good day/night. Peace 😊

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Antoine C's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License