Looking to hire developers?
Hello, Frontend Mentor community! This is my solution to the IP address tracker.
I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Thank you
@jpdrsanchez
Posted
Nice work on this challenge, your solution looks good and works well.
I'd add the meta tag <meta charset="utf-8"> in your index.html.
I'd also do a validation on the search input to only allow IP addresses in it.
But it's just small details
Keep it up!
Marked as helpful
@catherineisonline
Posted
@jpdrsanchez Meta is already there on the line 5. Yeah, validation is a great idea, thanks
@hctmanuelortiz
Posted
Excellent work!!!
@catherineisonline
Posted
@manuelrtz Thank you!
@KNWard
Posted
This look great! Great job.
@catherineisonline
Posted
@KNWard Thanks!
@Qstar12
Posted
Looks great! Hopefully I'll be tackling this one soon. Keep up the great work.
@catherineisonline
Posted
@Qstar12 Thanks!
@SK1202
Posted
@catherineisonline Wow!! API ... Great job
@catherineisonline
Posted
@SK1202 Thank you!
@ajormoses
Posted
You are already working on API... Progress
@catherineisonline
Posted
@ajormoses Trying my best, thank you!
@ajormoses
Posted
@catherineisonline You're welcome
@Zein-MB
Posted
Hey Catherine I have a note about the cursor of the input, if you can make it "text" so that'd be better than "pointer", Good job! and have a good day. Regards.
@catherineisonline
Posted
@Zein-MB thank you
@ayushbhargava22
Posted
Great UI π
@catherineisonline
Posted
@ayushbhargava22 Thanks!
@nonso01
Posted
just ππππ―! am jealous π! that's some smooth work!
@catherineisonline
Posted
@nonso01 thanks!
@MishalZia
Posted
Hi @catherineisonline,
Good job on this challenge, it's amazing.
@catherineisonline
Posted
@MishalZia thank you
I am using Google Chrome on an android phone (Huawei)
@catherineisonline
Posted
@ChamuMutezva thanks
Hi Catherine
Your solution looks good, well done. Here are some of my observations:
@catherineisonline
Posted
@ChamuMutezva Thank you for the feedback! By the way, which mobile and browser did you use?
@aladin002dz
Posted
Excellent work! πβ¨I learned from your excellent "readme" file too β¨, I will use "Perfect Pixel" for my next projects, thanks for sharing in this clear, nice, and beautiful way!π You can hide the "API Key" or any other, eventually, sensitive data by using environment variables and deploying on Vercel on Netlify, instead of GitHub pages. https://vercel.com/docs/concepts/projects/environment-variables https://docs.netlify.com/configure-builds/environment-variables/ Looking forward to seeing your next project!
@catherineisonline
Posted
@aladin002dz Thank you! I will take a look
@KasraTabrizi
Posted
Nice job!
Only one issue: The map and info doesn't change when searching for a different IP address. It always shows the default one from Georgia.
@catherineisonline
Posted
@KasraTabrizi That's what I am working on right now. The API ran out of requests and it's not free so I am in the process of changing to a different API right now.
@KasraTabrizi
Posted
@catherineisonline ok, good luck!
@catherineisonline
Posted
@KasraTabrizi thanks!
@felipesoarws
Posted
Nice work! Well done!
Just one thing, in the top, it's ''adress'' instead of ''address'', but the rest it's perfect!
@catherineisonline
Posted
@felipesoarws Thanks! Didn't even notice
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
