E-Bloc
Client web full-stack pentru centralizarea soldurilor, facturilor, plăților, contoarelor și operațiunilor disponibile într-un cont e-bloc.ro.
Stack principal
Provocarea
Integrarea unui API extern orientat spre aplicația mobilă, cu răspunsuri eterogene, valori scalate și sesiuni care pot expira, fără a expune direct aceste detalii în UI. În plus, datele live trebuiau combinate cu un istoric local deduplicat pentru navigare și analiză mai predictibile.
Soluția
Am separat integrarea upstream într-un client dedicat Hono/TypeScript, am introdus un strat local PostgreSQL cu Drizzle și chei unice pentru deduplicare, iar sincronizarea face upsert pentru ierarhia asociație-apartament, facturi și plăți. SvelteKit consumă backend-ul server-side și păstrează contextul selectat în cookie-uri, iar operațiile de scriere verifică drepturile și fereastra permisă înainte de apelul către e-bloc.ro și sunt înregistrate într-un action log.
Complexitate notabilă
E-Bloc este un proiect personal de produs și integrare care transpune funcțiile utile ale contului e-bloc.ro într-o experiență web proprie. Backend-ul TypeScript intermediază API-ul upstream, gestionează autentificarea și reînnoirea sesiunii, normalizează răspunsurile și sincronizează local asociații, apartamente, facturi și plăți în PostgreSQL. Frontend-ul SvelteKit oferă context rapid pe asociație și apartament, dashboard financiar, istoric de facturi și plăți, contoare, solduri, portofel, tichete și acțiuni controlate pentru numărul de persoane și transmiterea indexurilor.
Rezultate cheie
- Aplicație web full-stack funcțională, separată în backend Hono și frontend SvelteKit.
- Autodiscovery și sincronizare pentru asociații și apartamente, cu persistență locală în PostgreSQL.
- Facturi și plăți sincronizate cu deduplicare, filtre, paginare și istoric pe luni.
- Dashboard cu sold, total de plată, portofel, tichete și breakdown-ul restanțelor.
- Citire contoare și două fluxuri de scriere validate: actualizarea numărului de persoane și transmiterea indexului.
- Reautentificare automată la expirarea sesiunii upstream folosind credentialele stocate criptat.
Vrei ceva similar?
Începe cu wizard-ul de estimare — răspunzi la câteva întrebări și primești un range de preț + timeline realist.