Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

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.