Take home assignment for Deel's Frontend Engineer (React.js) position
- Language: TypeScript
- Library: React
- Build tool: Vite
- API: jsonplaceholder
- Styling: Tailwind CSS
- Deployment: Vercel
- Clone the repository
git clone https://github.com/Hombre/autocomplete - Run
npm install - Run
npm run dev - Open
http://localhost:5173
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
- GitHub: @Hombre2014
- Twitter: @Chamkoriyski
- LinkedIn: axebit
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.