JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/algoliasearch/3/algoliasearch.angular.min.js"></script>
<div id="count"></div>
<pre><code id="facets"></code></pre>
<pre><code id="response"></code></pre>

CSS

pre {
  background: #bbb;
  border: #888;
  border-radius: 5px;
}

JavaScript

var c = algoliasearch('HTM54CHV9P', '8675d24d2b46a64100653b30a916f0e8');
 var index = c.initIndex('DoctorProfile_development');
 
 var count = document.getElementById('count');
 var facets = document.getElementById('facets');
 var response = document.getElementById('response');
 
 this.search = function(query) {
   var params = {
     tagFilters: query,
     aroundLatLngViaIP: true,
     getRankingInfo: 1,
     facets: "*"
   };
   index.search(params).then(function(resp) {
   	 count.innerText = resp.hits.length + ' results';
     facets.innerText = JSON.stringify(resp.facets, null, 2);
     response.innerText = JSON.stringify(resp, null, 2);
   }, function(err) {
     count.innerText = '';
     facets.innerText = '';
     response.innerText = err;
   })
 }
 
 this.search('dermatologist')