refine-app-search

• 

  A filter and search autofilled UI !

Inspiration

• App-search and Elastic-search are great tools but default react-ui for app-search is not so funny.
• Why not redo this UI with great refine ?

What it does

• It do the "list documents" feature, fetch available facets, and display an UI to search an filter !

How we built it

• We get inspiration from refine examples, a deep breath, and start coding !

Challenges we ran into

• We wanted to try a clean monorepo structure with last cool tools (pnpm, turbo, vite)... we not always have good ideas... ;)
• Elastic Team do many rewrites and different version of their client, find the good one with no node dependencies was not so easy
• Ant Design is cool, but not so easy to tackle in the same time of refine.

Accomplishments that we're proud of

• It's works !
• And facets UI & dataprovider queries are auto-generated from a simple configuration !

What we learned

• Ant, Refine and the data-provider stuffs

What's next for refine-app-search

• Improve data-provider configuration, nicer search & filter interface
• A maybe better way to pass "meta data" (facet's values) from the provider to the UI.

Built With

• app-search
• data-provider
• refine