Table of Contents

Informatikai rendszerek építése gyakorlat (GEIAK125G-B)

1. hét

Ismerkedés az Angular keretrendszer alapjaival.

2-3. hét

Tetszőleges nyilvántartó rendszer fejlesztése Angular keretrendszerben, Bootstrap helyett Tailwind CSS felhasználásával. A kezelt objektumoknak legyen legalább 4 mezője. Legyen lehetőség a tárolt rekordok listázására, törlésére, új rekord hozzáadására. Legyen felhasználva minél több Tailwind CSS által biztosított osztály.

Segédanyagok:

  1. Install Tailwind CSS with Angular
  2. Tailwind CSS Core Concepts

4-5. hét

A következő alkalmazás elkészítése: Screenshot

  1. legalább 3 komponensből álljon az alkalmazás,
  2. lehessen új vicceket felvinni (felhasználónév, vicc szövege),
  3. legyen szavazási lehetőség (lehet többször is szavazni),
  4. az eredmény viccenként és összesítve is jelenjen meg,
  5. a legalább +50-es eredményt elért vicceknél jelenjen meg a “Community Approved” jelvény.

6. héttől

A következő hetek feladata egy alkalmazás készítése a GitHub API felhasználásával:

  1. A felület stílusának kialakításához valamelyik tanult CSS-könyvtárat (Bootstrap vagy Tailwind) használni kell.
  2. A lapok közötti navigáció a beépített Angular Router-rel történjen.
  3. A listák megjelenítésekor nem kell lapozási lehetőséget biztosítani, az API által alapértelmezetten visszaküldött számú találat megjelenítése elegendő.

Elkészítendő lapok:

  1. Felhasználó keresés lap: Be lehet írni a keresett felhasználó nevét, egy “Keresés” gombra kattintva megjelennek a GitHub API-tól kapott találatok.
  2. Felhasználói adatlap: A keresés során megtalált felhasználóknak meg lehet nyitni az adatlapját, ahol megjelenik róluk néhány alapinformáció, valamint a rendszerben szereplő repository-jaik. A repository-k kattinthatók, a linkek az adott repo adatlapjára visznek.
  3. Repository keresés lap: Be lehet írni a keresett repository nevét, egy “Keresés” gombra kattintva megjelennek a GitHub API-tól kapott találatok.
  4. Repository adatlap: A keresés során megtalált repository-knak meg lehet nyitni az adatlapját, ahol megjelenik néhány alapadatuk.

A 6. héten a GitHub API megismerése a cél: össze kell gyűjteni és ki kell próbálni azokat az API hívásokat, amik szükségesek az ismertetett alkalmazás megvalósításához. Egy olyan dokumentum összeállítása a cél, ami tartalmazza a szükséges adatlekérdező műveletek elérését, rövid leírását, a kimeneti adatstruktúrák fontosabb elemeit, valamint egy-egy screenshotot a Postman-ből, amiben sikeres API hívás látható.

A 7. héten a TypeORM feladat megoldásának befejezése a feladat.

A 8. héten a 2 kereső felület megvalósítása a cél. A felhasználó kereső kerüljön a főoldalra, a repository kereső a /search-repos útvonalon legyen elérhető!

Referencia dokumentáció: