No JS frameworks - Parcel with TypeScript, SCSS, PostHTML & Tailwind.

The solution is fully functional, you can search any valid IP or domain address with validation. Most of the solutions does not have that validation. The main reason I didn't implement the default get data function initially is that I didn't want to make the user request without his/her interaction. So, findme sets the user's data as expected.

The primary challenge for me was to avoid using frontend frameworks/libraries like Vue and React. Therefore, I used posthtml-include to break down the HTML components for better readability and utilized TailwindCSS for utility classes. Additionally, I used TypeScript to maintain a more manageable codebase.

Which areas of your code are you unsure of?

Creating the centered card between two sections using only JavaScript was not intuitive. I'm sure there's a better way to implement it using CSS. However, ensuring that the content remains visible outside the overlapped component is the challenge.

Do you have any questions about best practices?

The folder structure (also the configuration) I've used is not intuitive, and I believe there's a more efficient way to structure the files and directories.