Project Dashboard

Navigate and understand your Juliet project dashboard effectively.

Written By Samir Patel

Last updated 3 months ago

Dashboard Overview

The Project Dashboard is your central hub for viewing, organizing, and accessing all your Juliet projects.

Access: Click "Dashboard" in the top navigation, then select "Projects"

Purpose: View all your projects at a glance Quick access to any project Monitor project statistics Manage and organize projects Create new projects

Dashboard Layout

Top Section

Header area contains:

Page Title: "Projects" heading Breadcrumb navigation Back to dashboard link (if applicable)

Quick Stats: Total Projects - Count of all your projects Active This Week - Projects you've worked on recently Storage Used - How much storage consumed (if shown)

Action Buttons: New Project - Create new project quickly View Mode Toggle - Switch between grid and list views Sort Options - Order projects differently

Example: Projects [+ New Project] Total: 15 | Active This Week: 3 | Storage: 125 MB / 500 MB

Main Content Area

Project Display: Grid of project cards (default) Or list view (alternative) Shows 12-20 projects per page Pagination at bottom ("Load More" or page numbers)

Search & Filter: Search bar to find projects Filter by status, type, date (if available) Sort dropdown

Project Cards

Each project card shows key information at a glance.

Card Components:

Project Thumbnail/Icon: Visual representation Auto-generated icon or screenshot preview Helps identify project quickly

Project Name: Prominent display Click name to open project Truncated if too long

Project Description: Brief summary (1-2 lines) Shows purpose or features Gray text, smaller font Truncated with "..." if long

Metadata: Creation Date ("Created 3 days ago") Last Modified ("Updated 2 hours ago") File Count ("24 files")

Collaborators: Avatar bubbles for team members First few shown, "+2" for additional Hover to see names Click to manage collaborators

Git Status: Icon if connected to repository Sync status indicator Link to GitHub repo (if available)

Status Badge (if applicable): "In Progress" "Completed" "Deployed" Custom statuses

Card Actions

Hover Actions: When you hover over a card: Settings icon (⚙) appears Quick action buttons Click-through area highlights

Settings Menu: Click settings icon to reveal: Open - Open in builder Rename - Change project name Edit Description - Update summary Manage Collaborators - Add/remove team Download - Export as ZIP Delete - Remove project (with confirmation)

Quick Open: Click anywhere on card (except settings) Opens project in builder Fastest way to resume work

View Modes

Grid View (Default): Cards arranged in grid 3-4 columns (depending on screen size) Visual, easy to scan Shows thumbnails clearly Best for visual identification and browsing

List View (Compact): One project per row More projects visible at once Detailed information in columns Best for many projects and quick scanning

Toggle: Click grid/list icon in top section

Searching Projects

Search Box: Location: Top of dashboard How to use: Type keywords, results filter in real-time Clear search to see all again

What You Can Search: Project Name (e.g., search "todo" finds "Todo App") Description content Keywords/Tags (if supported)

Search Tips: Be specific ("todo app" better than "app") Partial matches work ("land" finds "landing page") Case insensitive Clear search: Click X in search box

Sorting Projects

Sort Options: Most Recent (default) - Newest projects first Oldest First - Based on creation date Last Modified - Recently updated first Alphabetical (A-Z) - Sort by project name Alphabetical (Z-A) - Reverse order

How to Sort:

  1. Click sort dropdown (top section)

  2. Select desired sort order

  3. Projects reorder immediately

  4. Selection remembered

Pagination

Loading More Projects:

Option 1: Load More Button Shows first 20 projects "Load More" button at bottom Click to show next 20 Keeps scrolling smooth

Option 2: Page Numbers Page 1, 2, 3, etc. Click page number to jump Shows how many pages total Previous/Next buttons

Projects Per Page: Typically 12 projects (grid view, large screens) 20 projects (list view) Adjusts for screen size Lazy loading prevents slowdown

Project Statistics

Dashboard-Level Stats:

Total Projects: Count of all projects Includes active and inactive Shows against plan limit Example: "15 projects" or "15 / 20 projects"

Active This Week: Projects you opened or edited Shows recent activity Helps identify current work Example: "3 active this week"

Storage Used: Total storage across all projects Shown in MB or GB Against plan limit Example: "125 MB / 500 MB"

Progress Indicators: If approaching limits: Yellow indicator at 80% of limit Orange at 90% Red at 100% Messages: "⚠ Approaching project limit (18/20)" Call to action: "Upgrade" button or option to delete projects

Quick Actions

From Dashboard:

Create New Project:

  1. Click "+ New Project" button

  2. New chat opens

  3. Describe project

  4. AI creates project

Open Project:

  1. Click project card

  2. Project loads in builder

  3. Resume where you left off

Download Project:

  1. Click settings on project card

  2. Select "Download"

  3. ZIP file downloads

Delete Project:

  1. Click settings on project card

  2. Select "Delete"

  3. Confirm deletion

  4. Project removed

Manage Collaborators:

  1. Click settings on project card

  2. Select "Collaborators"

  3. Add/remove team members

  4. Assign roles

Best Practices

  1. Keep Dashboard Organized Regular maintenance: Delete test/experimental projects Update project names Add descriptions Clean up weekly

Benefits: Find projects faster Professional appearance Better overview

  1. Use Search Effectively Name projects well: Descriptive names Include keywords Consistent naming Then search is powerful for quick project finding

  2. Utilize Sort Options Recent first (default): See what you're working on Alphabetical: Find specific project by name Last modified: Continue recent work

  3. Monitor Your Usage Check stats regularly: Projects used vs limit Storage consumption Approaching limits?

Plan ahead: Delete before hitting limit Upgrade when appropriate Stay aware of quotas

  1. Leverage Collaborators View On project cards: See who has access Identify team projects Manage permissions Click to add/remove collaborators

  2. Download Important Projects From dashboard: Identify critical projects Download for backup Regular backups

Protection: Local copy safe Can restore if needed Deploy from download

Troubleshooting

Dashboard Loads Slowly Possible causes: Many projects (100+) Slow internet connection Browser cache issues

Solutions: Use list view (faster) Enable pagination Clear browser cache Upgrade internet

Projects Not Showing Check:

  1. Search box - is it filtering? Clear search

  2. Sort order - check if sorted unexpectedly, reset to default

  3. Scroll down - might be below fold, pagination loads more

  4. Wrong account - signed into correct account? Check user menu

Can't Click Projects Possible issues:

  1. Loading - Dashboard still loading, wait a moment

  2. Network issue - Connection problem, check internet, refresh page

  3. Browser issue - JavaScript error, check browser console, refresh page, try incognito mode

Statistics Incorrect If numbers seem wrong: Refresh dashboard: Click refresh or reload page, stats update Check date range: "Active this week" is last 7 days Clear cache: Browser cache may be stale, hard refresh (Ctrl+Shift+R / Cmd+Shift+R)

Missing Project If project disappeared:

  1. Check search/filters: Clear all filters, remove search term

  2. Check sort order: Change sort, scroll through all pages

  3. Check with collaborators: If shared, maybe deleted by team

  4. Still missing? Contact support, may be recoverable

Related: Creating Projects - Start new projects Managing Projects - Organize and maintain Downloading Projects - Export projects Collaboration - Work with teams