My current job as 
at 
involves multiple DNS checks per day, which is why I decided to streamline the workflow for both myself and my colleagues.
| Interface ㅤㅤㅤㅤ ㅤㅤ ㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤ |
|---|
This is not the final design as it needs to undergo slight transformations on the CSS code, nevertheless, I decided to release it to serve our Tech team as its capabilities are more important.
| Available DNS record types ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤ |
|---|
| Open in new window ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤ |
|---|
| References ㅤ ㅤㅤㅤ ㅤㅤ ㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ |
|---|
- The "DNS Watch" button opens a new tab, with a constructed URL based on the domain and the selected record type from the input field.
- Similarly, the "Whois" button directs to a tailored URL based on the domain from the input field.
- Performs DNS lookups for a given domain and provides record type in a table format.
- Opens a new page of DNSWatch and WHOIS for the "Qchecked" domain in the extension.
- Opens the extension's popup in a new window.
- The extension uses the chrome.runtime API to communicate between the background script and the popup script.
- Uses the chrome.windows API to open the popup in a new window.
- The background script fetches DNS records from the Google DNS API and sends the response to the popup script.
- The popup script displays the DNS records in a table format and constructs URLs for DNSWatch and WHOIS based on the input.
- Requires the "activeTab" and "storage" permissions to function.
- I may also add functionality to switch between the different skins.
I also acquired some additional skills along the way, for the sake of documenting this project - I embarked on a journey to explore the creation of GIF animations.
Note
Installation guide for macOS (Using Homebrew):
If you're interested in the process check out this detailed report.