Înapoi la portofoliu
Webapp ⭐ Reprezentativ

BTSO

Platformă clinică de evaluare medicală pentru un client elvețian (app.btso.ch) — Vue 3 + Laravel, cu rapoarte PDF generate din grafice Chart.js.

Stack principal

Vue 3
Vite
TypeScript
Pinia
Vue Router Chart.js html2canvas jsPDF Laravel PHP MySQL JWT REST API

Provocarea

Domeniu medical complex (Patient → Treatment → Test → Question/Property cu sute de câmpuri configurabile per test) și nevoia de a livra clientului elvețian rapoarte PDF profesionale, cu grafice Chart.js, fără un serviciu de rendering server-side dedicat — totul trebuia să iasă curat dintr-un browser modern.

Soluția

Modelare relațională strictă în Laravel cu Eloquent (Patient → Treatment → Test → Question/Property) și politici per clinică pentru izolarea datelor. Frontend Vue 3 cu Vite și componente reutilizabile pentru întrebările dinamice. Pipeline PDF 100% client-side: Chart.js randează graficele în canvas, html2canvas le capturează ca imagini, jsPDF asamblează totul într-un raport medical structurat, descărcabil instant.

Complexitate notabilă

BTSO este o platformă clinică web pentru un client din Elveția (deployată pe app.btso.ch), folosită pentru evaluarea medicală a pacienților prin baterii structurate de teste. Domeniul este complex și ierarhic — Patient → Treatment → Test → Question/Property — și fiecare evaluare produce un raport medical detaliat. Frontend-ul este o SPA Vue 3 cu Vite, autentificare JWT și formulare dinamice generate din configurarea testelor. Backend-ul Laravel expune un API REST, gestionează drepturile de acces per clinică și generează rapoarte PDF cu grafice Chart.js renderizate client-side, capturate cu html2canvas și asamblate cu jsPDF într-un singur document trimis pacientului. Provocarea principală a fost modelarea corectă a domeniului medical (cu sute de proprietăți per test și relații complexe între pacient, tratament și răspunsuri) și producerea unor PDF-uri medicale curate, cu grafice de înaltă calitate, direct din browser, fără un serviciu separat de rendering.

Rezultate cheie

  • Client real din Elveția în producție pe app.btso.ch
  • Rapoarte PDF medicale generate integral client-side din Chart.js + html2canvas + jsPDF
  • Domeniu medical modelat corect: Patient → Treatment → Test → Question/Property
  • Autentificare JWT cu izolare per clinică
  • Formulare dinamice generate din configurarea testelor

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.