Clandescent Moon

Ennek a projektnek egy viszonylag célratörő és határozott motivációja volt: szeretek zenét hallgatni munka közben, azt viszont annál kevésbé hogy feleslegesen fiókokat nyissak különféle zenei szolgáltató oldalakon. A végeredmény egy olyan oldal lett, amivel bárki képes lejátszási listákba szervezve online videókat lejátszani akár több különféle videó megosztó oldalról is egyszerre (bár én főleg a Youtube-ot használom).

Felhasználóként képes vagy korlátlan számú lejátszási listát készíteni amikbe video URL-eket menthetsz és az alkalmazás ezeket le tudja játszani lineáris, véletlen vagy "kevert" sorrendben. Youtube Playlist listák esetében az összes bennük található videót bemásolja egyszerre, csak a lista URL-jét kell megadni egy videó címe helyett (minden Youtube lejátszási listának van egy URL címe amiben szerepel egy "list=xyz" paraméter). Továbbá a Beállítások fül legvégén találsz néhány előre összeállított lejátszási listát is amit egy gombnyomással beimportálhatsz hogy gyorsan ki tudd próbálni az alkalmazást (meg hogy jó zenét hallgass).

Az oldal semmilyen szerver oldali komponenst nem használ, egyszerűen a böngésző Helyi Tárolóját (Local Storage) használja mint „adatbázist”, ide írja és olvassa az összes információt szöveges adatként. (Illetve a felhasználó kérésére ki tudja írni ezeket egy szöveges CSV fájlba vagy a Medea nevű projektemen keresztül ideglenesen elmentheti őket egy "felhőbe", és  ugyanígy be is tud importálni a fentebbi adatformákból.) És még bónuszként kipróbáltam a nemzetközisítést is az i18next csomaggal, így az egész app használható angol illetve magyar nyelven is.

Az oldal React 18-ban íródott Typescriptben és LESS stíluslapokkal.

Github forráskód: https://github.com/FarpadGit/Clandescent-Moon