ferenc.rocks/

Munkák » Authorized.by

Authorized.by – Márkaengedélyezési és bizalmi jelvényplatform

2017–2019 · Frontend mentés, indulásra készítés, beágyazható widget

A helyzet

Az Authorized.by egy márkaengedélyezési és bizalmi jelvényplatform volt, amely márkákat és online kereskedőket kapcsolt össze.

A terméknek két fontos része volt: egy adminfelület a márkák és kereskedők közötti kapcsolatok kezelésére, valamint egy beágyazható jelvény, amelyet a webshopok a saját oldalaikon jeleníthettek meg.

Amikor bekapcsolódtam a projektbe, a frontend részben már elkészült, de még nem állt készen az indulásra.

Hol volt a nehézség

A frontend valahol a prototípus és az éles termék között rekedt. Több funkció befejezetlen volt, a felület egyes részei instabilan működtek, gyakoriak voltak a hibák, és valódi indulási határidő mellett sem létezett megfelelő buildfolyamat.

A beágyazható jelvény másfajta korlátokat hozott. Mivel külső weboldalakon kellett futnia, a csomagméret, a megbízhatóság, a kompatibilitás és a környezettől való függetlenség sokkal fontosabb volt, mint a fő alkalmazáson belül.

A böngésző- és mobiltámogatás további nehézséget jelentett, többek között a Safari, a régebbi Edge-verziók, az IE9+ és a kisebb mobilkészülékek miatt.

Min dolgoztam

Segítettem az örökölt frontendet eljuttatni az indulásra kész állapothoz: befejeztem hiányzó funkciókat, javítottam a hibákat, és stabilabbá tettem az AngularJS-alkalmazást különböző böngészőkön és eszközökön.

Kialakítottam a Webpack-alapú buildfolyamatot, minifikálhatóvá tettem az alkalmazást, és javítottam a böngésző- és mobilkompatibilitási problémákat.

A beágyazható jelvénynél az eredeti megoldás lecserélését javasoltam, majd Preacttel felépítettem egy kisebb widgetet. Az előző irány túl nehéz és túl szorosan összekapcsolt volt egy olyan komponenshez, amelynek más cégek weboldalain kellett biztonságosan működnie.

Miért fontos

Ez az a fajta munka, amikor egy termék már közel áll az induláshoz, de még túl instabil és befejezetlen ahhoz, hogy biztonsággal élesíthető legyen.

A feladat az adminfelület, a buildfolyamat, a böngészős működés, a mobiltámogatás és a beágyazható widget stabilabb, szállíthatóbb állapotba hozása volt, valódi technikai és időbeli korlátok között.

Technikai háttér

AngularJS, Preact, Webpack, jQuery, mobil web, böngésző-kompatibilitás, beágyazható JavaScript, frontend stabilizálása és élesítésre felkészítése.