DNS Lookup Tool

A responsive DNS Lookup Tool built with HTML, CSS, and Vanilla JavaScript. The application allows users to look up different DNS record types, view simulated DNS information, copy lookup results, and store recent searches locally in the browser.

Building Domain Info … Today I finished the first version of Domain Info, a simple web application that lets users inspect a domain and retrieve useful networking information in one place.What I builtDomain lookupDNS record viewerIP geolocationWHOIS informationResponsive user interfaceError handling for invalid domainsThe project uses the free APIs from Hack Club, so no API key is required, making it easy for anyone to try.Design improvementsI spent time redesigning the interface to make it feel cleaner and more modern. Instead of using a plain layout, I focused on:Better spacingImproved typographyResponsive cardsCleaner color paletteSimpler navigationThe goal was to make technical information easier to read without overwhelming the user.ChallengesOne of the biggest challenges was handling the different API responses. Some domains don’t expose the same information, so I added validation and graceful fallbacks to avoid breaking the UI.Another challenge was keeping the interface lightweight while displaying a large amount of networking data.What I learnedWorking on this project helped me understand:DNS records and how they workWHOIS lookupsFetching data from multiple APIsBetter frontend state managementCreating responsive layouts with HTML, CSS, and JavaScriptNext stepsFor future updates, I plan to add:SSL certificate informationDNS propagation checkerDomain availability searchExport results as JSON or PDFSearch historyDark/Light mode toggleOverall, this was a fun project that helped me improve both my frontend development skills and my understanding of networking concepts.