Reactivesearch starter app
Switch branches/tags
Clone or download
Latest commit 4c79ca3 Apr 10, 2018
Permalink
Failed to load latest commit information.
public reactivesearch starter app with CRA Dec 17, 2017
src Update App.js Jan 6, 2018
.gitignore reactivesearch starter app with CRA Dec 17, 2017
README.md updates README Dec 25, 2017
package.json Up reactivesearch Apr 10, 2018
yarn.lock Up reactivesearch Apr 10, 2018

README.md

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.