Here's a faceted search experience powered by Atlas Search and React Searchbox UI library.

Here's a React application built using the @appbaseio/react-searchbox-mongodb package.

Replace the default index, url and mongodb.db, mongodb.collection keys to point to the Realm function URL and your MongoDB database, collection and search index.

Copy
    index="default"
    url="https://us-east-1.aws.webhooks.mongodb-realm.com/api/client/v2.0/app/public-demo-skxjb/service/http_endpoint/incoming_webhook/reactivesearch"
    mongodb={{
      db: "sample_airbnb",
      collection: "listingsAndReviews"
    }}

API reference for the components is present over here:

For more examples (currently in REST format), refer to the search examples guide over here.

For more examples with React, refer to the Search examples with React guide over here.

For more examples with Vue, refer to the Search examples with Vue guide over here.

This search UI can be deployed using MongoDB Realm's static hosting feature with one CLI command and a click. Read the Search UI hosting guide over here.