feat: add domain

src/App.js

@@ -8,6 +8,7 @@ import NpmCard from './components/NpmCard'
 import JsOrgCard from './components/JsOrgCard'
 import HomebrewCard from './components/HomebrewCard'
 import PypiCard from './components/PypiCard'
+import DomainCard from './components/DomainCard'
 import './App.css'
 
 const GlobalStyle = createGlobalStyle`
@@ -45,9 +46,10 @@ export default function App() {
           <CardHolder>
             <GithubCard name={query} />
             <TwitterCard name={query} />
+            <DomainCard name={query} />
+            <HomebrewCard name={query} />
             <NpmCard name={query} />
             <JsOrgCard name={query} />
-            <HomebrewCard name={query} />
             <PypiCard name={query} />
           </CardHolder>
         </Result>

src/components/DomainCard.js

@@ -0,0 +1,23 @@
+import React from 'react'
+import { Card, CardTitle, DedicatedAvailability } from './Card'
+import { FaMapSigns } from 'react-icons/fa'
+
+export default function DomainCard({ name }) {
+  return (
+    <Card key={name}>
+      <CardTitle>Domain</CardTitle>
+      <DedicatedAvailability
+        name={`${name}.app`}
+        provider="domain"
+        url={`https://${name}.app`}
+        icon={<FaMapSigns />}
+      />
+      <DedicatedAvailability
+        name={`${name}.dev`}
+        provider="domain"
+        url={`https://${name}.dev`}
+        icon={<FaMapSigns />}
+      />
+    </Card>
+  )
+}

src/services/domain.js

@@ -0,0 +1,18 @@
+import whois from 'whois-json'
+
+module.exports = async (req, res) => {
+  const name = req.query.name
+
+  if (!name) {
+    return res.status(400).json({ error: 'no query given' })
+  }
+
+  try {
+    const response = await whois(name, { follow: 3, verbose: true })
+    const availability = response[0].data.domainName ? false : true
+
+    res.json({ availability })
+  } catch (err) {
+    res.status(400).json({ error: err.message })
+  }
+}