react autocomplete component with zero dependencies
Hi! I've made an autocomplete MVP component. Right now it renders simple dropdown but I've already started to implement Popover version. Will finish it later. At least you can take a look at the drafts.
You can just open this page: https://fe-autocomplete.vercel.app/
If you want to run app locally just clone repo, install deps and use listed below scripts. You can clone backend repo
as well if you need. For connecting to local backend not forget to change API_URL
variable in httpClient
(working on appropriate .env
way).
npm i
- install dependencies in root directory (applicable for both of repos)npm run dev
- run fe-partnpm run start
- run be-part
- code-formatting (prettier/dprint) - RN just formatting by webstorm (eslint blogpost)
- stylelint?
- api calls optimization (
debounceand stale requests cancellation?) - test interface on mobile devices
- test interface in NVDA/VoiceOver/TalkBack
- opening dropdown on the top of input (depends on available area for dropdown)
- finish dropdown rendering via Popover (and make Popover sticky to input)
- tests for sure
- more semantics for CSS (variables instead of magical numbers)
- color scheme customization mechanism (current color scheme here)
- additional stuff for input (label and error message)