Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Ip Tracker built with React

@joaskr

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi community, This challenge was quite fun. I started it almost 2 years ago and I completly forgot about it. I picked it up last week and decided to finish it :)

Process

  • The project is still a work in progress and will be improved.
  • I used React and geo.ipify.org API to solve the challenge.
  • Map is built with Leaflet

What did you find difficult while building the project?

  • I didn't expect styling to be that hard but it took me a while to make it look similar to the design.
  • Coming back to your old code is harder than I expect. It took me a while to understand what I wanted to do with the components.

Which areas of your code are you unsure of?

  • I see that my solution could be more similar to the design as there are some differences.
  • I see that layout is still broken on some devices.

Next steps

  • Fix all issues from accessibility/html validation report.
  • Fix broken layout on some devices.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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