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 address tracker simple website

@anapimolodec

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


This is my first time trying to make "glass-like" elements. So can you honestly tell if it looks good or raw?

P.S. I did not use the map pointer because GeoIPify API gave lat and lang coordinates of the city, not exact location within the city.

Thank you so much for reviewing my work! :3

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Aiaru Mukhamedyarova! 👋

I just wanted to say that I really like the touch of glassmorphism that you added to the design of this challenge! 😀 The only issue I see is that some of the text inside the information box isn't so readable because of the map showing through the background of that container. It might be worth changing the color of the text to something darker or finding some other solution to increase the contrast between the text and the background so that it is easy for all users to read. 😉

Hope that helps. 🙂

Keep coding (and happy coding, too)! 😄

Marked as helpful

1

@anapimolodec

Posted

@ApplePieGiraffe Thank you so much for your kind review~~ It is really helpful, noted!

1
Fidel Lim 2,775

@fidellim

Posted

Hi! In terms of design, I believe the glass-like design component doesn't complement with the background (map). It is unreadable so users will have a hard time to read the information.

Marked as helpful

1

@anapimolodec

Posted

@fidellim Okey got it~ Thank you so much for leaving review on my work!

1
Fidel Lim 2,775

@fidellim

Posted

@anapimolodec No worries! But in terms of functionality, I think you did well on this project! Good luck with your future projects!

Marked as helpful

0

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