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 using SvelteKit

#svelte
Byronβ€’ 2,180

@byronbyron

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


Hello ladies and gentlemen! I've had a stab at doing this IP tracker with the map using SvelteKit. I'm a bit of a noob with SvelteKit at the moment, so I've probably bodged it quite a bit. At least the styling is on point, though! πŸ˜…

Community feedback

Johangly Sucreβ€’ 230

@johangly

Posted

It's perfect :)

Marked as helpful

0
Hector Garciaβ€’ 230

@hectorgarcia07

Posted

Nice solution! I was curious how others created the overlapping card effect between the header and IP information display. This gave me great insight. Thanks!

Marked as helpful

0
yousef2007-rgbβ€’ 460

@yousef2007-rgb

Posted

looks very nice, but i think it needs to load the user ip address not the ip address in the image

Marked as helpful

0

Byronβ€’ 2,180

@byronbyron

Posted

@yousef2007-rgb Yeah, I kinda hoped no one would notice that πŸ˜‚. I'll have a look at some existing solutions and see if I can come up with something πŸ‘

0
Byronβ€’ 2,180

@byronbyron

Posted

Hey @yousef2007-rgb, It should load the user's IP on page load now. πŸ‘

0
yousef2007-rgbβ€’ 460

@yousef2007-rgb

Posted

@byronbyron perfect!, have nice day.

0

@moodyomar

Posted

looking good! but IP address search didn't work though

Marked as helpful

0

Byronβ€’ 2,180

@byronbyron

Posted

@moodyomar Should be fixed now, thanks!

Was using a temporary CORS proxy, which seemed to have expired. I've swapped it out for a permanent one.

0
Kasra Tabriziβ€’ 300

@KasraTabrizi

Posted

In terms of design and responsiveness, everything looks good!

For the functional side, I would also look for adding a way to search for domain name because that is also mentioned in the input placeholder.

Also great job making this with Svelte!

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