App Library
A következő feladatsort jelenlegi backendes rendszer segítségével oldd meg, a backend teljesen kész állapotban van!
A feladat megoldáshoz hozz létre egy új projektet a vue-alap-idb@latest segítségével a saját neveddel ellátva a public könyvtárba!
Postman segítségével a postman_collection.json-t importálva tudod ellenőrizni a végpontokat.
Azokat a részeket, amiket nem rögzít egyértelműen a feladat saját meglátásaid és ötleteid alapján megoldhatod!
Feladatok
Menü
Alakítsd ki a menüt úgy, hogy a következő hivatkozásokat tartalmazza.
| Cím | Leírás |
|---|---|
| Alkalmazások | Az alkalmazások listáját tartalmazó oldal |
| Fejlesztők | A fejlesztők listáját tartalmazó oldal |
| Új alkalmazás | Egy űrlap megjelenítése, amellyel a felhasználó új alkalmazást tud rögzíteni |
| Új fejlesztő | Egy űrlap megjelenítése, amellyel a felhasználó új alkalmazást tud rögzíteni |
A menü márkajelzése legyen App Library!
Alkalmazások oldal
Api végpont:
http://localhost:8881/api/apps
Az oldalon az API végpont segítéségével kérd le a rögzített alkalmazásokat és jelenítsd meg őket egy táblázatban. A platformokat bontsd szét különbözőbedge típusú elemekre. Az asztali platformok legyenek veszélyes megjelenésűek, míg a mobilosok legyenek sikeresek.
Jeleníts meg egy sávot a táblázat felett, ahol a fejlesztők alapján tud szűrni a felhasználó.
Fejlesztők oldal
Api végpont:
http://localhost:8881/api/developers
Jelenítsd meg kártyaformátumban az alkalmazásfejlesztőket az előző végpontról kapott adatok alapján. A kártyán csak a fejlesztő neve jelenjen meg és egy gomb, aminek a segítségével a fejlesztő minden adata láthatóvá válik, valamint az is, hogy milyen alkalmazásokat fejleszt. Ezeket kérje le az API-ről a fejlesztő azonosítőja alapján.
Új alkalmazás
Api végpont:
http://localhost:8881/api/apps
Készíts egy űrlapot FormKit segítségével, amely egy alkalmazás adatait bekéri és továbbítja a szerver felé. Tájékoztasd a felhasználót a kérés teljesítettségéről. A mezőket a típusuknak megfelelően validáld és ügyelj rá, hogy minden mező kitöltése kötelező.
Az alkalmazás fejlesztőjét a felhasználó egy legörülő listából választhassa ki, amit az oldal dinamikusan tölt fel.
Új fejlesztő
Api végpont:
http://localhost:8881/api/developers
Az előzőhöz hasonló űrlapot készíts amely a fejlesztő adatait kéri be, validálja és továbbítja a szerver felé. A mezőket a típusuknak megfelelően validáld és ügyelj rá, hogy minden mező kitöltése kötelező.
\pagebreak