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

IP address location tracker

next, react, axios
FranA•340
@FrantiskaAli
A solution to the IP Address Tracker challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


So building this project was fairly straight forward until it was time to deploy. It was my first time writing React app in Next.js and didnt realise there is a different way to import certain components. It took me long time to find out how to import map element so it works. Also I had issues with the marker. I would appreciate an advice about how to use picture from my file. I followed leaflet documentation and tried to add IconURL as well as using require() for an image but it didnt work either way...So I ended up just adding online image, but I am really unhappy about that. Feedback appreciated.

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 FranA'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