Geo IP App

Geo IP App

This is a project I created at the start of the COVID-19 pandemic as part of the course content of a Dynamic Web 1 (JavaScript) course I was teaching. There is a lot going on regarding the UI which might not be immediately apparent to the naked eye. I completely disabled scrolling on the y axis of the browser window so that when a user clicked on either the Find Me button or the Refresh me button, the button would not jump because of overflow on the y axis. I also created an inner scrollbar so that the user could scroll down the page content without the page increasing in height as a result of overflow on the y axis when one of the buttons was clicked. The app also uses the fetch() API, JavaScript Promise chaining, event listeners, Modern JavaScript, template literal interpolation, and more!