Create DNS Management UI

@rishi556 · 2024-07-25 22:56 · Open Genie

My last wish was related to supporting a functionality of DNS for security, which should be the last of the backend work needed to get a fully functioning DNS panel.

Currently, the DNS Panel I've got is VERY lacking. It only supports a few types of records(AAAA, A, TXT, CNAME, NS). The goal of this will be to support all the other types of records:

A AAAA CAA CERT CNAME DNSKEY DS HTTPS LOC MX NAPTR NS PTR SMIMEA SRV SSHFP SVCB TSLA TXT URI

The big part here is to create a good looking UI to add these. The records sent to the backend are sent in just a single string, but to make the entry easier for users, they should have different input fields to make it easier to correctly input the specific type.

A user should also be able to enable and disable DNSSEC and see the records to put into their registrar(this will need to wait until this wish is completed to start).

A field for TTL should be added and users should be able to set their own TTL value, with the default being 0.

The codebase is written in Typescript, and uses React and Tailwind for the interface.

Current view of the interface:

image.png

image.png



This is a post created on the open genie platform you can view it best on this user interface: https://genie.peakd.com/@rishi556/create-dns-management-ui-1721948186384

#dns #programming #typescript #javascript
Payout: 0.000 HBD
Votes: 109
More interactions (upvote, reblog, reply) coming soon.