2.2 Navigating the Dashboard
Welcome to your VibeMap dashboard! This is your central command center where you'll manage all your projects and access VibeMap's powerful features. The dashboard is designed for efficiency and ease of use, whether you're managing one project or dozens.
Dashboard Overview
When you log in to VibeMap, you'll be automatically redirected to your dashboard at /project. This is your home base where you can:
View all your projects in an organized, easy-to-scan layout
Create new projects with just a few clicks
Access project management tools and settings
Monitor your usage and billing information
Get help and support when you need it
Key Dashboard Areas
📋 Projects Section
Location: Main content area (center of screen)
The projects section is the heart of your dashboard. Here you'll find:
Project Grid: Visual cards showing each project with key information
Project Status: Clear indicators showing project completion status
Quick Actions: Easy access to edit, duplicate, or delete projects
Search & Filter: Find specific projects quickly
Sorting Options: Organize projects by date, name, or status
🎛️ Navigation Sidebar
Location: Left side of screen
The sidebar provides quick access to all major features:
📊 Dashboard: Return to the main dashboard view
📁 Projects: Manage and organize your projects
💰 Billing: View usage, manage subscription, and billing history
⚙️ Settings: Account settings and preferences
❓ Help: Documentation, support, and tutorials
👤 User Profile Menu
Location: Top-right corner
Your profile menu gives you access to:
Profile Information: View and edit your account details
Account Settings: Manage preferences and security options
Billing & Usage: Track your subscription and usage
Sign Out: Secure logout from your account
Project Cards Overview
Each project is displayed as an interactive card showing:
Project Information
Project Name: Clear, prominent title
Creation Date: When the project was created
Last Modified: Most recent update timestamp
Status Badge: Visual indicator of project state
Quick Actions
🚀 Open Project: Enter the project workspace
📝 Edit Details: Modify project name and description
📋 Duplicate: Create a copy of the project
🗑️ Delete: Remove the project (with confirmation)
Progress Indicators
Completion Status: Visual progress bar showing generation completion
Artifact Count: Number of generated items (personas, features, etc.)
Last Activity: Recent changes or generations
Creating New Projects
Primary Creation Method
Click "New Project" Button: Large, prominent button in the projects section
Fill Project Details: Enter name and detailed description
Choose AI Model: Select your preferred AI model for generation
Generate Project: Start the AI-powered project creation process
Quick Creation Options
Template Projects: Start from pre-built templates for common project types
Duplicate Existing: Copy and modify an existing project
Import Projects: Upload project files from other tools
Dashboard Features
🔍 Search & Filter
Global Search: Find projects by name, description, or content
Status Filters: Show only active, completed, or draft projects
Date Filters: Filter by creation date or last modified
Tag System: Organize projects with custom tags
📊 Usage Overview
Generation Credits: Track your AI generation usage
Project Limits: See how many projects you can create
Billing Summary: Quick view of your subscription status
Usage Analytics: Insights into your VibeMap usage patterns
🎨 Customization Options
View Modes: Switch between grid and list views
Card Sizes: Adjust project card sizes for better visibility
Color Coding: Organize projects with color-coded categories
Layout Preferences: Customize dashboard layout to your workflow
Responsive Design
Desktop Experience
Full Feature Access: Complete dashboard functionality
Multi-Column Layout: Efficient use of screen real estate
Keyboard Shortcuts: Power user navigation options
Drag & Drop: Reorder and organize projects visually
Mobile Experience
Touch-Optimized: Easy navigation on mobile devices
Responsive Cards: Project cards adapt to screen size
Swipe Gestures: Quick actions with touch gestures
Mobile Menu: Collapsible navigation for smaller screens
Getting Help
In-Dashboard Support
Help Tooltips: Contextual help throughout the interface
Quick Start Guide: Interactive tour of dashboard features
Feature Highlights: Learn about new and advanced features
Support Chat: Direct access to customer support
Documentation Access
User Guides: Comprehensive documentation within the app
Video Tutorials: Step-by-step video guides
Best Practices: Tips for effective project management
FAQ Section: Answers to common questions
Keyboard Shortcuts
For power users, VibeMap supports keyboard shortcuts:
Ctrl/Cmd + N: Create new project
Ctrl/Cmd + F: Search projects
Ctrl/Cmd + ,: Open settings
Escape: Close modals and menus
Arrow Keys: Navigate between project cards
Next Steps
Now that you're familiar with the dashboard:
Explore Your Projects: If you have existing projects, take a look at the project cards
Try the Search: Use the search feature to find specific projects
Check Your Settings: Familiarize yourself with account and billing settings
Create Your First Project: Ready to start building? Let's create your first project!
The dashboard is designed to grow with you as you create more projects and become more familiar with VibeMap's features. Take some time to explore and customize it to fit your workflow.
Last updated
Was this helpful?