Dashboard Layout
The console is organized into clear sections for easy navigation:Header Navigation
- Logo and home link: Return to dashboard from anywhere
- User menu: Access account settings and sign out
- Theme toggle: Switch between light and dark mode
Main Dashboard
Statistics Cards
Key metrics displayed prominently:Projects
Total number of projects in your workspace
API Keys
Active API keys across all projects
End Users
Total users registered in your applications
Subscriptions
Active subscriptions across projects (when payments configured)
Quick Actions Section
Shortcut buttons for common tasks:- Create Project: Set up a new project
- Generate API Key: Create authentication credentials
- Configure Payments: Set up Stripe for subscription billing
- View Documentation: Access guides and references
Getting Started Guide
For new developers, a step-by-step checklist appears:Sidebar Navigation
Access all console features from the sidebar:Payments
Manage subscription billing:- Settings: Configure Stripe API keys and webhooks
- Subscriptions: View and filter end-user subscriptions
- Transactions: Browse payment transaction history
- Test mode: Validate integration before going live
Projects
Manage your application projects:- View all projects: See complete project list
- Create new project: Add projects for different applications
- Project details: View configuration and settings
- Delete projects: Remove projects you no longer need
API Keys
Manage authentication credentials:- Developer keys: Your personal authentication key
- Project API keys: Keys scoped to specific projects
- Generate new keys: Create additional credentials
- Revoke keys: Disable compromised or unused keys
- Usage tracking: See when keys were last used
Users
Monitor your application users:- User list: View all end users across projects
- User analytics: Track registration trends
- User details: See individual user information
- Filter by project: Isolate users for specific projects
Settings
Configure your developer account:- Profile information: Update email and password
- Preferences: Set dashboard defaults
- Security: Manage authentication settings
Configuration Issues Banner
If you see an amber banner at the top:Dashboard Actions
Creating a New Project
- Click “Create Project” from quick actions or sidebar
- Enter project name and description
- Click “Create”
- System generates project ID and API key automatically
- Copy credentials before navigating away
Generating API Keys
- Navigate to Projects section
- Select the project
- Click “Generate API Key”
- Optionally add a key name for identification
- Copy the full key immediately (shown only once)
Viewing Users
- Click “Users” in sidebar
- See all registered end users
- Filter by project if needed
- View user details and registration dates
Mobile Experience
The console is fully responsive:- Collapsible sidebar: Hamburger menu on mobile devices
- Stacked cards: Stats display vertically on small screens
- Touch-optimized: All buttons and controls work with touch
- Readable text: Font sizes adjusted for mobile viewing

