I’ve seen a few somewhat similar directory projects like this that might have some useful ux/ui/design ideas:
- https://personalsit.es/ with repo at: https://github.com/andybelldesign/personalsit.es
For additional metadata, one could run a microformats parser on the homepages of these sites and return social media presences in other locations using XFN’s
rel="me" set up. Something like this is done by Jeremy Keith on his Huffduffer.com service where one signs up and inputs one’s website. His service then doesn’t need to ask for Twitter, Facebook, or Github handles explicitly. Instead it relies on the service going to the homepage listed and pulling out the
rel="me" values and doing it automatically on their behalf. Since many web platforms have this microformat value it can make the data acquisition easier and less manual in many cases.