OnloZap Client Portal System

A complete client management and communication platform with secure portal access, real-time messaging, and seamless invitation workflows.

Secure Portal Access

Row-Level Security ensures clients only see their own data

Real-time Messaging

Instant communication between admins and clients

Email Invitations

Branded invitation emails with secure signup links

Complete Backend

Full Supabase integration with auth and real-time subscriptions

Portal Invitation System

Manage client portal access and send secure invitation emails

Fully Functional

Features Demonstrated:

  • Client portal access management dashboard
  • Real-time status tracking (Not Invited → Invited → Active)
  • Custom invitation message composer
  • Statistical overview cards with live data
  • Invitation date tracking and audit trail

Test Scenario:

1View current portal access status for all 5 clients
2Click "Invite" for any client with "Not Invited" status
3Customize the invitation message
4Send invitation and watch the status change in real-time

Real-time Messaging System

Secure communication platform between admins and clients

Fully Functional

Features Demonstrated:

  • Multi-conversation management interface
  • Real-time message sending and receiving
  • Message threading with timestamps
  • Client-specific conversation filtering
  • Responsive chat interface with proper message alignment

Test Scenario:

1Browse through 6 existing conversations with different clients
2Click on any conversation to view message history
3Send new messages from admin perspective
4See messages appear instantly with proper formatting

Technical Implementation

Security & Auth

  • • Supabase Authentication
  • • Row-Level Security (RLS)
  • • Secure invite tokens
  • • Client data isolation

Frontend Stack

  • • Next.js 15 with App Router
  • • TypeScript
  • • Tailwind CSS
  • • Shadcn/ui Components

Real-time Features

  • • Live message updates
  • • Status change notifications
  • • Real-time data synchronization
  • • Optimistic UI updates

Complete Client Portal Workflow

Admin Workflow

Client Onboarding

Create client record and invite to portal

Send Invitation

Branded email with secure signup link

Communicate

Real-time messaging and project updates

Client Experience

Receive Invitation

Professional email invitation

Secure Setup

Click link, set password, access portal

Portal Access

Personalized dashboard with messages & docs

Ready to Explore?

Both demo systems are fully functional with real database interactions. Test the complete client portal workflow from invitation to messaging.