Drip Dynasty
Egy viszonylag nagyobb volumenű projekt, a Drip Dynasty egy e-commerce weboldal admin kezelőfelülettel ellátva amin keresztül az oldal tulajdonosa feltöltheti a boltjában árusítandó termékeit, beleértve az azokhoz tartozó képeket is. Általános igazság, hogy ha dinamikusan feltöltött képeket is szeretnénk megjeleníteni egy weboldalon akkor 2 fő opció közül lehet választani: vagy a képeket már előzőleg feltöltjük egy "képadatbázisba" (egy ún. DAM / Digital Asset Manager platformra mint pl. ImageKit vagy Cloudinary amit direkt ilyen célokra fejlesztettek) és az oldalunkon csak hivatkozunk a feltöltött képek URL címére, vagy az oldalunk szerver oldalát készítjük fel arra hogy az átküldött képeket lokálisan elmentse és majd ő kiszolgálja azokat ha valakinek szüksége lesz rá. Ez az oldal az utóbbi stratégiát alkalmazza, amit egy fokkal macerásabb megvalósítani, viszont cserébe nem függ harmadik fél által fenntartott szolgáltatásoktól, illetve a képekhez szükséges sávszélességet is a saját erőforrásaiból állja (ez lehet jó vagy rossz dolog is a hoszt platform díjaitól függően).
Ha az oldal látogatója sajátkezűleg, a böngésző címsávjába beleírva elnavigál a /admin oldalra (vagy a /login oldalra ahová automatikusan át fogja irányítani az alkalmazás) akkor jelszóval be tud lépni és szerkesztheti az adatbázisban szereplő termékeket, akciós árakat hirdethet meg, feltölthet újabbakat, kezelheti a vásárlóktól beérkező rendeléseket illetve összesítő statisztikákat láthat róluk a dashboard oldalon. A kezelőfelületre a DripAdmin / DripPass felhasználónévvvel és jelszóval lehet belépni. Ezeken túl még vásárlóként meg is „vásárolhatjuk” a felkínált termékeket az integrált PayPal gombok segítségével, ami nem fog igazi pénzt átmozgatni mert a fiókot fejlesztői sandbox módban hagytam. A pontos utasítások a „what is this?” gombra kattintva találhatók közvetlen a PayPal gomb alatt. Sikeres tranzakció után a vásárló egy emailt fog kapni az email címére a vétel sikeréről, illetve kérhet még rendelési összesítő levelet is ugyanarra a címre.
A frontend oldal Angular 19-ben íródott főleg Tailwind osztályokkal, amíg a backend Java Spring Boot 3.3.4-et használ Java 17-tel. Ez a backend funkcionál egyszerre az API végpontok szolgálójaként, a feltöltött képek tárhelyeként és kiszolgálójaként, adatbázis kezelőként (egy publikus MongoDB Atlas clustert használ tárhelyként) illetve az emailek összeállításáért és elküldéséért is ő felel, valamint minden PayPal tranzakciós kérést külön ellenőriz és hitelesít a szerver oldalon.
Github forráskód: https://github.com/FarpadGit/Drip-Dynasty-Server
Megnézem a Weboldalt
