
Design comparison
Solution retrospective
Since this project has a simply layout and somewhat straightforward functionality, I was able to finish it within 3 hours.
What challenges did you encounter, and how did you overcome them?I had difficulty updating the map and marker location when user inputs a new ip address, took some time googling and going through the LeafletJS docs and found out there are different methods to set up the map and set a new view with the existing map.
What specific areas of your project would you like help with?With the scale of the project in mind, I started without using any framework or server-side runtime. However, I have learned that it is not ideal to store api keys directly in JS files. I could not find a way to protect the key in pure client side code. Next time, I might do it differently so that I have protection of the api key.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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