Skip to content

Dataflow Diagram

TilenBrunec edited this page Jun 5, 2026 · 2 revisions

Dataflow Diagram

Diagram prikazuje arhitekturo in podatkovne tokove sistema LearnSmart.


Diagram

DataFlow

Razlaga

Frontend — Vercel

React 19, TypeScript, Vite in Tailwind. Komunicira z backendom preko REST API.

Backend — Render

Spring Boot + Java 21. Sprejema zahteve s frontenda in komunicira z bazo podatkov preko JDBC, JPA in Hibernate.

Baza podatkov — Supabase

PostgreSQL baza podatkov. Supabase skrbi tudi za avtentikacijo z Google OAuth2.


Backend storitve

Storitev Tehnologija Namen
Procesiranje vsebine Gemini, Whisper, FFmpeg, Apache PDFBox Obdelava uploadanih datotek (PDF, avdio, video)
Generiranje kvizov Gemini, OpenAI AI generiranje vprašanj iz vsebine
Pošiljanje mailov Spring Mail + Gmail Notifikacije za profesorje in študente
Prijava OAuth2 + Supabase Google avtentikacija

Testiranje

Tip Orodje Namen
Frontend Vitest Test runner
Frontend Testing Library React Testiranje React komponent
Frontend Testing Library User Event Simulacija uporabniških akcij
Frontend MSW (Mock Service Worker) Mockanje API klicev
Frontend jsdom Simulacija brskalnika
Backend JUnit, Mockito Unit in integracijski testi

Quality Assurance

  • SonarQube — analiza kvalitete kode
  • ESLint — statična analiza JavaScript/TypeScript
  • SpotBugs — iskanje napak v Java kodi
  • Swagger — dokumentacija in testiranje API endpointov

Clone this wiki locally