kellswork / autocomplete-component

This is an auto-complete component. built with ReactJs and TypeScript

Auto-complete Component

Deployed on vercel - autcomplete component.

To interact with the deployed version click here

This is an auto-complete component. built with ReactJs and TypeScript.

Some user experience features include;

• User input text highlights the matches it finds in the suggestion list.
• User can use keyboard to navigate the lista and select their choices
• Use React.memo, useMemo and useCallback to memoise component to decrease re-renders for smoother interactions.
• uses JavaScript fetch API to fetch suggestion list from an API endpoint.
• errors are handled for better user experience.

Technologies Used:

• React Js
• TypeScript
• Jest
• React Testing Library

Get Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

• clone repository https://github.com/Kellswork/autocomplete-component.git or
• unzip the autocomplete-component folder
• navigate to the folder location
• cd into the folder
• in your terminal, run npm install to install dependencies
• run npm start to start the project

Run Tests

• navigate to the folder location and cd into the folder autocomplete-component
• in your terminal, run npm test and press a to run the tests

Run Test Coverage

Achieved 70% test coverage

• run npm test -- --coverage to see test coverage