{"id":16074504,"url":"https://github.com/hombre2014/autocomplete","last_synced_at":"2026-04-09T22:39:38.089Z","repository":{"id":228402420,"uuid":"773877881","full_name":"Hombre2014/autocomplete","owner":"Hombre2014","description":"Take home assignment for Deel's Frontend Engineer (React.js) position","archived":false,"fork":false,"pushed_at":"2024-04-09T19:57:53.000Z","size":129,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-06-15T22:45:12.103Z","etag":null,"topics":["autocomplete","autocomplete-functionality","autocomplete-search","autocomplete-suggestions","custom-hooks","jsonplaceholder-api","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://autocomplete-nu.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hombre2014.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-18T14:58:25.000Z","updated_at":"2024-05-05T04:52:20.000Z","dependencies_parsed_at":"2024-10-31T02:22:09.545Z","dependency_job_id":"f43f3e84-ec8f-4e4a-b5d8-be06d2738288","html_url":"https://github.com/Hombre2014/autocomplete","commit_stats":{"total_commits":12,"total_committers":1,"mean_commits":12.0,"dds":0.0,"last_synced_commit":"825d09f8327d7a9a476ec0753eff327e5cd8f679"},"previous_names":["hombre2014/autocomplete"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hombre2014/autocomplete","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hombre2014%2Fautocomplete","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hombre2014%2Fautocomplete/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hombre2014%2Fautocomplete/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hombre2014%2Fautocomplete/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hombre2014","download_url":"https://codeload.github.com/Hombre2014/autocomplete/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hombre2014%2Fautocomplete/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265871377,"owners_count":23842026,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","autocomplete-functionality","autocomplete-search","autocomplete-suggestions","custom-hooks","jsonplaceholder-api","react","tailwindcss","typescript"],"created_at":"2024-10-09T09:00:28.205Z","updated_at":"2026-04-09T22:39:33.067Z","avatar_url":"https://github.com/Hombre2014.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Part 1 - React TypeScript AutoComplete component\n\n\u003e Take home assignment for Deel's Frontend Engineer (React.js) position\n\n## Build with\n\n- Language: TypeScript\n- Library: React\n- Build tool: Vite\n- API: [jsonplaceholder](https://jsonplaceholder.typicode.com/users)\n- Styling: Tailwind CSS\n- Deployment: [Vercel](https://vercel.com)\n\n## Screenshots\n\n![screenshot](./public/Autocomplete.JPG)\n\n## Live Demo\n\n[AutoComplete](https://autocomplete-nu.vercel.app/)\n\n## How to use\n\n- Clone the repository `git clone https://github.com/Hombre/autocomplete`\n- Run `npm install`\n- Run `npm run dev`\n- Open `http://localhost:5173`\n\n## 🚀 Features\n\n**Please prepare an auto-complete component in React TypeScript.**\n\n## Requirements\n\n1. Performance matters as we are expecting a production ready\n   component.\n2. You cannot use any 3rd party libraries - only pure React and internal\n   DOM functions.\n3. You should use TypeScript and write proper interfaces and types.\n4. The function to filter the data should be asynchronous. You can use\n   mock data (such as a JSON array), but the function which uses it\n   should be asynchronous (similar to a real REST call).\n5. It should have basic working CSS. No need for anything fancy (such\n   as drop shadows etc).\n6. You need to handle all non-standard/edge use-cases - it should have\n   a perfect user-experience.\n7. Highlight the matching part of the text, in addition to showing it.\n8. No external state management libraries (refer to #1 as well), only\n   native React method.\n9. Use only functional components with hooks.\n10. Shortcuts and hacks are ok - but you have to add comments on what\n    you are doing and why.\n11. Add a \u003cins\u003eREADME.md\u003c/ins\u003e file explaining how to run the project.\n12. \u003cins\u003eBonus Point:\u003c/ins\u003e Load data using a real API call to some resource.\n13. Part two (questions and answers) is [here](./questions.md).\n\n## Author\n\n👤 **Yuriy Chamkoriyski**\n\n- GitHub: [@Hombre2014](https://github.com/Hombre2014)\n- Twitter: [@Chamkoriyski](https://twitter.com/Chamkoriyski)\n- LinkedIn: [axebit](https://linkedin.com/in/axebit)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/Hombre/autocomplete/issues).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## 📝 License\n\nThis project is [MIT](./license.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhombre2014%2Fautocomplete","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhombre2014%2Fautocomplete","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhombre2014%2Fautocomplete/lists"}