Skip to content
Submitted 4 months ago

IP Tracker using Javascript

#bootstrap
Harikrishnan-Rajkumar•80
@Harikrishnan-Rajkumar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...IP Address Tracker
  • HTML
  • CSS
  • JS
  • API
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Im proud of Building a website Integrating API, next time would explore more API and how to integrate in my webpages

What challenges did you encounter, and how did you overcome them?

When Integrating the API, I found challenging to make changes in the map since it come with the api i had to inspect elements and indentify which line of code has the elements inside code, foe ex(like removing zooom icon, changing location icon).

What specific areas of your project would you like help with?

I quite satisfied with my current project but would like to know how to trigger the animation on each search result.

Community feedback

  • Dylan Heslop•2,360
    @dylan-dot-cPosted 4 months ago

    This is a good solution but you forgot some key aspects...

    1. You used alert but when the ipAddress is not in the correct form you need to implement the correct error styling on the input box and submit button, you can also use a <form> element instead of the div and make the input required and the button type submit.
    2. You also forgot to make it so that when a user loads up the website, it should showcase their current IP address not the one who have there by default. That means that when the website is loaded you should automatically run your getGeoData function as you can get your IP from that function since not everyone will know their ip like that.
    0
    Harikrishnan-Rajkumar•80
    @Harikrishnan-RajkumarPosted 4 months ago

    @dylan-dot-c

    Thanks for pointing it out. I will rectify it.

    Is there any other issues you see?

    What about my query for activation animation on each search do you have any solution?

    0

Please log in to post a comment

Log in with GitHub

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