appbaseio-apps / reactivesearch-starter-app

Reactivesearch starter app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reactivesearch Starter App

This project was bootstrapped with Create React App.

Step-by-step guide available at ReactiveSearch Quickstart Doc.

Develop

yarn && yarn start

should open something like this

Configure

The ReactiveSearch components code resides in src/App.js file. For building this app, we use:

  1. appbase.io for the backend, any Elasticsearch cluster/index should work.
  2. A simple flex based layout system, you can use Materialize's or Bootstrap's grid, or roll your own layout - the ReactiveSearch components are layout agnostic.
  3. The following components:
  • ReactiveBase - ReactiveBase is the provider component that connects the UI with the backend app.
  • CategorySearch - CategorySearch component provides a search box UI with categorized suggestions.
  • SingleRange - SingleRange component is used for displaying the star ratings.
  • ResultCard - ResultCard component is used for displaying the hits as a card layout.

About

Reactivesearch starter app


Languages

Language:JavaScript 82.2%Language:HTML 17.8%