https://github.com/vetri02/searchwidget

Search Widget with multiselect
https://github.com/vetri02/searchwidget

Last synced: 2 days ago
JSON representation

Search Widget with multiselect

• Host: GitHub
• URL: https://github.com/vetri02/searchwidget
• Owner: vetri02
• Created: 2017-10-29T17:55:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-30T11:19:48.000Z (about 7 years ago)
• Last Synced: 2024-11-09T09:48:32.568Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://even-ray.surge.sh/
• Size: 73.2 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Search Widget

Search Widget with multiselect

### [Demo - Search](http://even-ray.surge.sh/)

## Setup

Run `npm install` to set things up.

If that doesn't work, it may be necessary to use `sudo npm install`.

With this set up, you should now be able to run:

    gulp

This will process any Sass (SCSS) files, translate ES6 to ES5 and launch a web browser showing the current files. Making changes to the files should result in the page updating automatically.

## Libraries/Frameworks

- jQuery (DOM Manipulation)

- Lodash (Utilities)

## Assumptions

- User might not go in and edit the already selected value inbetween

- Only user selections end up in the input

## Approach

- When user starts typing, we fetchresults based of his query, to stop making multiple calls on each keystroke we debounce the call.

- If the typed word is a first entry we fetchresults for the query as it is.

- Subsequent words or sent removing the previosly selected entries

- Selected entries are appended to the search input

- User can select through click or keyborad selection

- Up and Down arrow selections are enabled. Can use Enter to select an entry

 

### License

MIT