React.js + TypeScript + SCSS + BEM IP Address Tracking App

Hi All,

Hope you're well.

This project was pretty easy, however implementing additional functionalities to the map component took me almost 2 hours (especially adding the customized icon and making sure that the map is centered automatically once the marker position changes).

To sum everything up:

• API communication is handled within React Context.
• While the fetch request has not been resolved yet, users are able to see loading animations.
• As soon as the application is mounted for the first time, users can see their own IP address information.
• Users are able to search for any valid IP address and see its details.
• If the input value is not valid (it's empty or the IP address does not exist), users will receive an according error message.
• Address location is marked on the map using a custom icon.
• Map is centered automatically as soon as the IP address location changes.
• Users can view the optimal layout for each page depending on their device's screen size.

As always, I'll be happy to hear some feedback on what I can improve.

Thanks & Happy Coding! 👻🎃