Dashboard
Complete platform management interface for creators, clients, and administrators on HOT Network.
Core Features
User Management
Manage creators, clients, and admin permissions
Booking System
Schedule management with escrow and payment processing
Analytics
Real-time metrics, leaderboards, and revenue tracking
Security
Content moderation and identity verification
Access Levels
Admin
Administrator
- • Platform analytics
- • User management
- • Content moderation
- • System settings
Creator
Creator
- • Profile management
- • Booking schedule
- • Earnings dashboard
- • Client messaging
Client
Client
- • Browse creators
- • Book services
- • Manage bookings
- • View favorites
API Integration
Dashboard uses TRPC for type-safe API calls with real-time WebSocket updates.
// Fetch creator earnings
const earnings = trpc.creators.getEarnings.useQuery({ period: 'month' })
// Create booking
const book = trpc.bookings.create.useMutation()
await book.mutateAsync({ creatorId, date, duration })
// Subscribe to real-time updates
trpc.bookings.onStatusChange.useSubscription(
{ bookingId },
{ onData: (status) => console.log(status) }
)
Project Structure
app/dashboard/
├── layout.tsx # Main dashboard layout
├── page.tsx # Dashboard home
├── creator/ # Creator pages
│ ├── earnings/ # Earnings overview
│ ├── schedule/ # Booking calendar
│ ├── services/ # Service management
│ └── clients/ # Client management
├── client/ # Client pages
│ ├── bookings/ # Active bookings
│ ├── favorites/ # Favorite creators
│ └── messages/ # Messaging
├── admin/ # Admin pages
│ ├── analytics/ # Platform metrics
│ ├── users/ # User management
│ ├── moderation/ # Content review
│ └── settings/ # System settings
└── components/ # Shared components
├── sidebar.tsx
├── navbar.tsx
└── market-overview.tsx