Sukurkite paieškos autocomplete komponentą, naudodami ReactJS biblioteką, kurio pagalba vartotojas galės pasirinkti kino filmą iš įvestos frazės atitikmenų. Paieškos komponentas turi bendrauti su filmų informacijos API.
- Dizainas turi būti kuo panašesnis į pateiktą žemiau.
- Komponentas turi būti prisitaikančio dizaino, kad veiktų ant įvairaus dydžio įrenginių. (responsive)
- Komponentas turi naudoti informaciją, gaunamą dinamiškai iš filmų duomenų API:
GET: https://api.themoviedb.org/3/search/movie?api_key=cab2afe8b43cf5386e374c47aeef4fca&language=en-US&query={paieškos_tekstas}&page=1&include_adult=false - Pasirinkus vieną iš rezultatų, komponento įvesties tekstas turi atsinaujinti pagal pasirinkimą.
- Maksimalus rodomas dinaminės paieškos rezultatų kiekis - 8 įrašai.
- Minimalus simbolių kiekis, aktyvuojantis dinaminę paiešką - 3. Jeigu ši sąlyga tenkinama, bet koks simbolio pakeitimas panaikina buvusius rezultatus ir iš naujo aktyvuoja dinaminę paiešką.
- Naudokite šią Github repozitoriją kaip pradinį užduoties tašką. Tai galite padaryti naudodami Github
Forkfunkciją. - Nenaudokite kitų
NPM dependencies, kurių nėra šioje repozitorijoje. - Iškilus klausimams dėl užduoties formuluočių, pateikite klausimą
Github Issuesskiltyje ir mes kaip galima greičiau atsakysime. - Pabaigus užduotį, atsiųskite savo Github repozitorijos adresą kartu su registracijos forma.
Norint sėkmingai atlikti užduotį, nebūtina turėti patirties su ReactJS library, nes mes netikrinsime su tuo susijusių 'gerųjų praktikų'. Stenkitės rašyti kuo paprastesnį kodą, naudodami React dokumentaciją: https://reactjs.org/
