Create DNS Management UI

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: @rishi556/create-dns-management-ui-1721948186384

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center