Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Ip Tracker app, built with React JS

react, fetch
Renan Tiscoski•1,240
@DonUggioni
A solution to the IP Address Tracker challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Howdy,

Here is my solution for this project. It's my first React project ever.

The app is pretty straight forward, not that complicated at all. I still have some difficulties understanding how passing data around components work but I believe that is expected as a beginner.

I decided to use the google maps API for this project, wanted to give it a try instead of leaflet. I thought it was pretty easy to use, had one issue though importing one of it's components, where the icon wouldn't show up on the map. After a few hours of trial and error and research, I found out that since I'm working with a function component base in React, I had to import "MarkerF" instead of "Marker", which is used for a class component approach. Definitely a FFS moment.

Other than that, I have to thanks @catherineisonline for the help on this project. We can always learn from each other and that's what this community should be all about.

Please, feel free to go through my code and give me any feedback on where I could improve or have done things more efficiently.

Happy coding 🤓

Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

  • Daniil•170
    @Daniil034
    Posted over 2 years ago

    Hey! Good job with this API) I haven't yet done any project with API and I have no idea how to deal with it and with async functions at all. Why did you name your style files with 'module'? What convention is it? And... Are you sure that it is okay to show everyone your private GoogleMapsAPI key? Maybe you should've hidden it somehow? Just a suggestion)

    Marked as helpful

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
Frontend Mentor logo

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

Frontend Mentor

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

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub