L'espansione di FuelBuddy negli Emirati Arabi Uniti richiedeva una propria app per il franchising: il mercato di Dubai aveva requisiti normativi, di sicurezza e di flusso di lavoro diversi rispetto alle piattaforme esistenti, al punto che riutilizzare la vecchia non era una buona soluzione. Ho costruito da zero la Dubai Franchise Application, sia sul frontend sia sulle API CRUD sottostanti.

Cosa ho realizzato

Nuovo frontend da zero: Ho costruito il sistema di componenti da capo, il che ha reso l'app più reattiva e meglio strutturata rispetto alle versioni più vecchie che sostituiva.
Le mie API CRUD su Hasura: Ho costruito le API dati di backend su cui gira l'app, usando il motore GraphQL di Hasura sopra il database per esporre le operazioni CRUD di cui avevo bisogno — così da poter progettare il livello dati end-to-end invece di aspettare endpoint di backend separati.
Livello dati su TanStack Query: Ho usato TanStack React Query sul frontend per consumare quelle API — caching, refetch in background e aggiornamenti ottimistici — così che la UI restasse veloce e coerente senza troppa gestione manuale dello stato.
Autenticazione e sicurezza: Ho rielaborato l'autenticazione, la gestione dei token e la validazione dei payload delle API per soddisfare i requisiti di conformità della regione.

Perché è stato importante

Il risultato ha soddisfatto i requisiti più stringenti del mercato di Dubai e ha stabilito uno standard interno più pulito su come costruire queste app. Il livello dati rivisto ha anche ridotto le chiamate di rete ridondanti, mantenendo l'esperienza rapida per i partner in franchising.