React Autocomplete Component

This is an Autocomplete component created with React and Typescript

Project Dependencies

Please be sure you have the following tools installed

• Node 16+
• Yarn 1.22
• Code Editor of your preference
• Terminal

Run Locally

Clone the project

  https://github.com/guerrerocing/react-autocomplete-component.git

Go to the project directory

  cd react-autocomplete-component

Install dependencies

  yarn install

Start the server

  yarn dev

How to use

This autocomplete uses fake data, which is a list of Users.The autocomplete component will make the suggestions of the findings.

Once you have the project running here some UX added to this component:

• Start typing some user name you want the component to suggest.
• You can use arrow key up.
• You can use arrow key down.
• Press ENTER key for selecting a value.
• Press ESC key for clearing up the autocomplete.
• Select a suggestion Cliking over the User suggested.