Skip to content
Submitted 11 months ago

Gundi's IP Address Tracker

react, tailwind-css, vite, accessibility
Martinsgundi•380
@Martinsgundi
A solution to the IP Address Tracker challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I wouldn't say proud, but Yes I created and implemented my own custom hook for the first time, without any external help (chatGpt, tutorials, e.t.c).

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

I would appreciate an efficient method for removing the Leaflet ZoomControl on mobile screens using ReactJS.

Feedback is always welcome.

Code

Please log in to post a comment

Log in

Community feedback

  • Teodor Jenkler•4,040
    @TedJenkler

    Hi @Martinsgundi,

    Nice project! I like the extra features you've added. To remove the Leaflet ZoomControl on mobile screens using ReactJS, you can use the useEffect hook to detect the screen size and conditionally remove the control (another option is to create a custom hook). Alternatively, you might consider removing the buttons entirely, as they're not needed when users can zoom in with the mouse (if configured correctly).

    I also noticed that your site isn't fully responsive. Depending on the address, the layout can break. Consider shortening the IP or using "..." if it overflows or causes issues on the page.

    Overall, great work with just a few areas to refine, Hope this feedback was helpful

    Best regards, Teodor

    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