https://github.com/cksachdev/fuzzyjs
fuzzy search in one or more column values and sort based on most matched
https://github.com/cksachdev/fuzzyjs
autocomplete debounce fuzzy-search jsrender template typeahead
Last synced: 11 months ago
JSON representation
fuzzy search in one or more column values and sort based on most matched
- Host: GitHub
- URL: https://github.com/cksachdev/fuzzyjs
- Owner: cksachdev
- Created: 2018-08-24T15:37:56.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T16:49:55.000Z (about 3 years ago)
- Last Synced: 2025-01-20T21:27:05.376Z (about 1 year ago)
- Topics: autocomplete, debounce, fuzzy-search, jsrender, template, typeahead
- Language: JavaScript
- Size: 729 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fuzzyjs
fuzzy search in one or more column values and sort based on most matched
Get the list of all html elements with these 3 values
```
[
{image:"path to image", element:"header", "this can contain text"},
{image:"path to image", element:"label", "can contain only text"},
{image:"path to image", element:"input", "can show input text"}
]
```
Show the search like Alfred or Quick search
put a visual here with expected results for "tex", "selec", "but" etc.
1. Use mousetrap library to fade in/ fade out the search element
https://github.com/ccampbell/mousetrap
2. element stays always on top(z-index)
3. 30 px from top and horizontal center aligned
4. On search show image as well as the element name
## References:
1. Images taken from https://github.com/nathanielw/Bootstrap-Pencil-Stencils/releases/tag/v1.1.1
2. Creating json using
```
ls | head -100 > ../elements.json
```
3. Use multi cursor feature in sublime to form the test json
4. Choices.js https://joshuajohnson.co.uk/Choices/
Note: Scroll to the end of this page to experience the last dom element.
### Libraries:
https://github.com/krisk/fuse
https://github.com/bevacqua/fuzzysearch
https://blog.kentcdodds.com/introducing-downshift-for-react-b1de3fca0817
https://twitter.github.io/typeahead.js/
https://redux.js.org/recipes/implementingundohistory
https://github.com/omnidan/redux-undo