Prípadová štúdia

ePassport System

Mobile-first systém na zber a správu dát o dobrovoľníkoch, ktorý nahradil manuálne PDF procesy štruktúrovanou platformou vrátane autentifikácie a administrácie.

VýsledokCentralizovaný systém so štruktúrovanými dátami, používateľskými rolami a jednoduchšou správou
ePassport System screen 1
ePassport System screen 2
ePassport System screen 3

Dáta o dobrovoľníkoch sa zbierali cez rôzne PDF a Word dokumenty, čo viedlo k nekonzistentnej štruktúre, manuálnemu spracovaniu a slabej správe dát. Chýbal centralizovaný systém, používateľské roly aj efektívna správa a validácia údajov.

Namiesto vývoja natívnej mobilnej aplikácie som zvolil mobile-first webové riešenie, ktoré znižuje komplexnosť a zároveň zabezpečuje dostupnosť. Dôraz bol na štruktúrovaný formulárový tok, implementáciu autentifikácie a vytvorenie administračného rozhrania na správu dát.

  • Frontend: Vue aplikácia s Vuetify UI frameworkom
  • State: centralizovaná správa formulárov a používateľských dát
  • Backend: Supabase (PostgreSQL, autentifikácia)
  • Auth: registrácia a prihlasovanie používateľov
  • Admin: rozhranie na správu odoslaných dát
  • Dizajn: UI podľa návrhu vo Figme
  • Deployment: Netlify s CI/CD pipeline pre automatické buildy

Mobile-first namiesto natívnej appky

Webové riešenie znížilo čas vývoja a zároveň zachovalo plnohodnotnú použiteľnosť na mobile bez potreby distribúcie cez app store.

Supabase ako backend riešenie

Supabase poskytol autentifikáciu aj databázu bez potreby budovania backendu, čo umožnilo sústrediť sa na samotný produkt.

Vuetify pre konzistentné UI

Použitie Vuetify zabezpečilo konzistentné UI komponenty a rýchlejší vývoj v súlade s návrhom vo Figme.

Štruktúrovaný formulárový tok

Rozdelenie formulára do krokov zlepšilo použiteľnosť a znížilo trenie pri vypĺňaní.

Nahradenie manuálnych procesov centralizovaným systémom s autentifikáciou a administráciou. Zber dát sa stal štruktúrovaným, jednoduchším na správu a výrazne spoľahlivejším.

VueVuetifySupabaseJavaScriptSCSS
  • Pridať role-based access control pre detailnejšie oprávnenia
  • Zaviesť server-side validáciu pre vyššiu integritu dát
  • Zlepšiť analytiku pre sledovanie správania používateľov

Páči sa vám to?

Poďme niečo postaviť.

Napíšte mi