React-domain-search

This repository provides domain search functionality for Hosting company's and Domain registrars

Features

Auto Input TLD - Automaically add a .com to your domain by default

Price Matching - The domain price will depend on the price for the tld which you use

Requirements

React

Setup!

Run npn install or yarn install

Changing the API Key Required

Add Client ID and Client Secret

By adding your client id and secret. It will enable Domain Suggestions

You can also set "Static domain suggestions by editing this object

Properties

Domain: Set the name of the domain

availbility: Set the availbility status of the domain

price: Set the price of the domain

unavailible: Boolean

Getting an API key

Create your free account at https://my.whoapi.com/

Then navigate to: Console

Click on the API key to copy it and then paste it

Getting a Reseller Club Client ID and secret

Login to your account at: Your Reseller club console

Navigate to: Settings> API

Copy and paste your key into the "Client Secret"

Click on the user icon to get your "Reseller ID" and paste your ID into the "Client ID"

Displaying the Available or Unavailable Domains

To display the domain results, firstly we have to make use of the Map function to dynamically show the domains

Displaying TLD Prices

We can also display a list of the TLDS which we can use and show the price for them

Adding or Removing TLDS

We can set a list of TLDS which can be used, also we can set the price for these individually

Configuration settings

Pass parameters to the domain search engine to customize the experience

Properties

ajax: Boolean - Defines if the search operations should happen as you type or when you click a button

related: Boolean - Enables or Disables search suggestions

Adding a Loading icon

Set a loading icon while the domain search engine is searching

Turning on the Loader