Írj egy tisztán front-end (react/angular/vue) JavaScript alkalmazást, amely filmek keresését segíti!
- Tagolt, olvasható, tiszta kód (nem 1 fájl),
- a generált HTML kód strukturált, nem inline CSS
- Angol nyelv (UI és kód egyaránt)
- Külső library-ket használhatsz (angular, react, ramda, moment, jquery, apollo, stb),
- de konkrétan a TMDBW-s és Wikipedia-s kéréseket és azok feldolgozását elrejtő library-ket nem
- A design másodlagos, csak minimális legyen (elrendezés, margók, címek kiemelése, stb)
A UI-on legyen egy
- filmcím keresőmező,
- enterre/gombnyomásra a TMDBW-ről egy kéréssel letölti a keresési találatokat (TMDB: The Movie Database Wrapper - https://tmdb.sandbox.zoosh.ie/dev
- A találatokat és néhány adatukat (név, kategória, pontszám) listában megjeleníti,
- címek kattinthatóak
- Egy címre kattintva az app megpróbálja megtalálni a kapcsolódó angol wikipedia oldalt (REST kéréssel),
- majd egy detail panelen megjeleníteni annak összefoglalóját (pl. első bekezdés), az IMDB-s és wikipedia-s új ablakban nyíló kattintható linkkel együtt
- Bónusz:
- Kétállapotú kereső; a film két linkje mellett egy “kapcsolódó” gomb: ennek hatására a filmlista átvált keresési találatokból a kiválasztott filmhez kapcsolódó filmek (related) listájára
- Működő webapp
- Spinner, miközben adatokat tölt be a TMDBW-ből vagy a wikipédiából
- Kapcslódó filmek keresése
- Bónusz #1: Material-UI-os library használata, Material-UI-os kinézet
- Bónusz #2: tesztek
Ez egy kicsit nagyobb falat is lehet, Rád bízzuk, hogy meddig szeretnél eljutni, és hogy a bónusz feladatokkal is foglalkozol-e. Nyilván egy junior kevesebbet, egy senior többet tud megoldani egységnyi idő alatt, de ami minket a leginkább érdekel, hogy ez idő alatt milyen maga a kód, ami születik.
npm install
npm run serve
npm run build
npm run test:unit
npm run lint