← Natrag na portfolio
SaaS CRM / Platforma za upravljanje leadovima
LeadFlow CRM
Produkcijski orijentiran CRM demo za moderne prodajne timove, s hvatanjem leadova, pipeline fazama, dodjelom vlasnistva, pracenjem follow-up aktivnosti i pregledom konverzija u jednom sucelju.
Tech stack
Next.js • React • TypeScript • Tailwind CSS • Prisma • PostgreSQL • NextAuth • Zod • TanStack Table • Recharts
Pokazuje full-stack arhitekturu, autentikaciju, role-based pristup, CRUD workflowe, analytics dashboarde, audit history i setup spreman za deployment.
Pregled
LeadFlow CRM je demo multi-workspace platforme za upravljanje leadovima i prodajnim procesom. Ukljucuje javni marketing web, registraciju i prijavu te privatni CRM workspace (interno sucelje gdje tim upravlja leadovima i poslovima).
Sto ovaj demo pokazuje
- Full-stack arhitekturu aplikacije (frontend i backend rade zajedno kao jedan proizvod)
- Autentikaciju (sigurna prijava i pristup korisnickom racunu)
- Role-based pristup (razlicite ovlasti za admine, managere i sales rep korisnike)
- CRUD workflowe (kreiranje, uredivanje, azuriranje i arhiviranje zapisa)
- Analytics dashboarde (pregled poslovnih rezultata i prodajne aktivnosti)
- Audit history (tko je sto promijenio i kada)
- Setup spreman za deployment (spremno za hosting i objavu)
Sto korisnici mogu raditi
- Pregledati javni marketing web sa landing stranicom, feature sekcijama, cijenama, security, privacy i terms stranicama
- Kreirati demo workspace (odvojeni prostor za jednu tvrtku ili tim) kroz registracijski flow
- Prijaviti se s demo accountima i otvoriti zasticeni CRM dashboard (glavni pregledni ekran)
- Vidjeti KPI kartice (brze sazetke rezultata), trendove volumena leadova, konverzije po izvoru, stanje pipelinea, forecast i follow-up workload
- Pretrazivati, filtrirati, sortirati, paginirati i izvoziti leadove
- Kreirati leadove, dodjeljivati vlasnike, mijenjati faze, dodavati biljeske, zadatke i pregledavati aktivnost
- Koristiti pipeline board (vizualni pregled prodajnih faza) za pomicanje prilika izmedu statusa
- Otvoriti analytics stranicu za funnel performance (kako lead ide prema prodaji), izvore, brzinu prolaska kroz faze i completion rate
Napomene za demo
- Najbolji account za puni pristup:
[email protected] / DemoPass123! - U seeded podacima (unaprijed pripremljenim demo podacima) postoje i manager i sales-rep racuni
- Role-based ponasanje je ukljuceno: admini i manageri imaju vise kontrole, sales rep korisnici imaju ograniceniji pristup
- Sigurnosni obrasci ukljucuju validaciju (provjeru unosa), rate limiting (zastitu od spama ili zloupotrebe), workspace scoping (svaki tim vidi samo svoje podatke), audit logove, soft delete (mogucnost vracanja obrisanog) i sigurne middleware headere
- Docker, Prisma migracije i PostgreSQL setup ukljuceni su za deployment-ready demo
Webitectural