← Natrag na portfolio

AI Support SaaS / Platforma za korisnicku podrsku

SupportAI

Produkcijski orijentiran AI customer support SaaS demo napravljen kao puni proizvod, s javnim marketing webom, zasticenim dashboardom za support tim i jasno postavljenim guardrail pravilima za asistenta.

Tech stack

Next.js 15 • React 19 • TypeScript • Tailwind CSS • Auth.js • Prisma • Zod • Zustand • TanStack Table • Recharts

Pokazuje full-stack SaaS arhitekturu, role-based support operacije, AI guardraile, workflowe za eskalaciju, analitiku i service/repository strukturu spremnu za buduce stvarne integracije.

SupportAI

Pregled

SupportAI je production-minded AI customer support SaaS demo napravljen kao kompletan proizvod, a ne samo kao chat widget. Spaja javni marketing web s internim, zasticenim dashboardom za support timove. Osnovna ideja je jasna: neka AI preuzme najcesca pitanja, ali unutar jasnih granica, dok se rizicni ili nesigurni slucajevi preusmjeravaju ljudima.

Sto ovaj demo pokazuje

  • Potpuno SaaS iskustvo (marketing web plus zasticena aplikacija)
  • Role-based support operacije (razlicite razine pristupa za admine, support managere i agente)
  • AI support workflowe s human handoff logikom kada je sigurnost odgovora niska ili je potrebna eskalacija
  • Odrzivu full-stack strukturu (UI, validacija, servisi i pristup podacima jasno odvojeni)
  • Security-minded pristup proizvodu (zasticene rute, sanitizacija unosa, rate limiting i kontrolirane greske)

Sto timovi mogu raditi

  • Pregledati javni SaaS web s landing, product, solutions, security, pricing, privacy i terms stranicama
  • Testirati AI sandbox kroz pet business scenarija: SaaS, construction, dental, e-commerce i consulting
  • Prijaviti se credential pristupom i otvoriti zasticene dijelove aplikacije prema ulozi
  • Upravljati razgovorima kroz pretragu, filtere, sortiranje, paginaciju, pregled transkripta, interne biljeske, feedback, dodjelu, rezoluciju i eskalaciju
  • Koristiti escalation inbox s indikatorima hitnosti, prioritetima, overdue stanjima, dodjelom i zatvaranjem slucajeva
  • Kreirati, uredjivati, duplicirati, arhivirati i testirati knowledge base clanke
  • Prilagoditi support widget uz live preview, kontrolu teme, prompt chips, escalation toggle, poruke za radno vrijeme i generirani embed code
  • Pratiti analytics za volumen razgovora, resolved vs escalated slucajeve, raspodjelu feedbacka, unanswered teme i engagement widgeta
  • Upravljati postavkama workspacea, ponasanjem asistenta, notifikacijama, permissionima i buducim integracijama

Funkcionalnosti vazne za poslovnu upotrebu

  • AI guardraili pomazu da automatizacija bude korisna bez pretvaranja da asistent moze sigurno odgovoriti na sve
  • Confidence scoring i escalation pravila zadrzavaju ljudski nadzor tamo gdje je potreban
  • Dashboard je osmisljen za stvarne support operacije, ne samo za vizualni demo
  • Arhitektura je pripremljena tako da se mock podaci kasnije mogu zamijeniti stvarnim providerima, API-jima i bazama bez velikog frontend redizajna
  • Projekt pokazuje kako se jedan SaaS proizvod moze i prezentirati i operativno voditi unutar jednog dosljednog sustava

Napomene za demo

  • Autentikacija i Prisma domain model za support dio projekta su stvarni i implementirani
  • AI asistent je trenutno simuliran i jos nije spojen na stvarni OpenAI provider
  • Vecina operativnih podataka trenutno ide kroz mock repository kako bi demo bio stabilan i predvidljiv za prezentaciju
  • Takav pristup je namjeran za portfolio, jer jasno pokazuje arhitekturu proizvoda bez glumljenja da su nedovrsene integracije vec produkcijski aktivne