Skip to content

umyar/fe-autocomplete

Repository files navigation

autocomplete

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.

How to start

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).

  1. npm i - install dependencies in root directory (applicable for both of repos)
  2. npm run dev - run fe-part
  3. npm run start - run be-part

TODO

  • code-formatting (prettier/dprint) - RN just formatting by webstorm (eslint blogpost)
  • stylelint?
  • api calls optimization (debounce and 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)

About

react autocomplete component with zero dependencies

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published