Github API AutoComplete 👨🏽💻 - link
- Install all packages and run
yarn start
if you want to load the app - Tests can be run using
yarn e2e:run
-
The github API has a very low limit of 10 request per minute. I didn't authenticate my account for the safety reasons (my token would be exposed to public). Sadly unables me to use all API's power which is 50 request per minute. To prevent reaching the limit while in middle of searched phrase I used debounce hook to lower amount of requests.
-
Usually I would decouple my code more, a great example is
fetch
function which I would throw in separate file. -
I decided to use E2E Cypress test for this project. Why? Because I noticed at your company's notebook that you are using Cypress on a daily basis.
-
The description of the problem that you gave me lacked few details on how you want this to work. So I made my own assumptions.
One of which is that this component autocompletes only after searched phrase === searched phrase can't be in the middle, only at the beginning. If that is not a intended behaviour, please have a look at this commit. This is how it looked in practice
- React (CRA)
- TypeScript
- TailwindCSS
- Cypress
- Axios
- useDebounce
I would gladly present this project to you, so you better understand my decision-making and problem-solving.
Please contact me : norbert.matyniaa@gmail.com or call me.