Part 1 - React TypeScript AutoComplete component

Take home assignment for Deel's Frontend Engineer (React.js) position

Build with

Please prepare an auto-complete component in React TypeScript.

Performance matters as we are expecting a production ready component.
You cannot use any 3rd party libraries - only pure React and internal DOM functions.
You should use TypeScript and write proper interfaces and types.
The function to filter the data should be asynchronous. You can use mock data (such as a JSON array), but the function which uses it should be asynchronous (similar to a real REST call).
It should have basic working CSS. No need for anything fancy (such as drop shadows etc).
You need to handle all non-standard/edge use-cases - it should have a perfect user-experience.
Highlight the matching part of the text, in addition to showing it.
No external state management libraries (refer to #1 as well), only native React method.
Use only functional components with hooks.
Shortcuts and hacks are ok - but you have to add comments on what you are doing and why.
Add a README.md file explaining how to run the project.
Bonus Point: Load data using a real API call to some resource.
Part two (questions and answers) is here.

👤 Yuriy Chamkoriyski

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!

This project is MIT licensed.