Skip to content

An autocomplete input search form in React with a dropdown list of search terms displayed by frequency occurrence count.

Notifications You must be signed in to change notification settings

abstractmachines/autocomplete-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Typeahead monorepo w frequency occurrence sort autocomplete for React

A typeahead React component to add tags to a server/database/collection.

  • Autocomplete dropdown list sorted by frequency occurrences of tags

  • "Add a new tag" to items to search for them later

  • Note: The data transformations could happen on the front end (wrt sorting et al) in server.js. Maybe could be in Sagas or helpers.

Demo screenshots

Searching - either add a new tag, or use search function by typing

Add tags with form

Autocomplete tags sorted by frequency occurrence and returned to user

  • User can enter any term they like to add as a tag

Add tags filter for search

Add tags filter for search

Confirmation message upon tag receipt

  • focus styles
  • transitions, animations

Add tags confirmation

Runbook

  • git clone
  • npm install
  • npm start
  • npm test // UI and API testing w Supertest

About

An autocomplete input search form in React with a dropdown list of search terms displayed by frequency occurrence count.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published