Earthquake
Earthquake analyzer built with Appbase.io's ReactiveMaps and ReactiveSearch !
Install / Use
/learn @awesome-reactivesearch/EarthquakeREADME
🗺️ ReactiveMaps Starter App
This project was bootstrapped with Create React App.
Step-by-step guide available at ReactiveMaps Quickstart Doc.
Develop
yarn && yarn start
should open something like this

Configure
The ReactiveMaps and ReactiveSearch components code resides in src/App.js file. For building this app, we use:
- appbase.io for the backend, any Elasticsearch cluster/index should work.
- 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.
- The following components:
-
ReactiveBase - Provider component that connects the UI with the backend app.
-
SingleList - Creates a single selection based list UI component that is connected to a database field.
-
RangeSlider - Creates a slider component that is connected to a database field.
-
SelectedFilters - Creates a selectable filter UI view displaying the current selected values from other components.
-
ReactiveMap - Creates a data-driven map UI component. It is the key component for build map based experiences. "# earthquake"
Related Skills
node-connect
345.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
104.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
345.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
345.4kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
