Managing Projects

Organize, search, access, and maintain your Juliet projects efficiently.

Written By Samir Patel

Last updated 3 months ago

Managing Projects - Organize, search, access, and maintain your Juliet projects efficiently.

Accessing Your Projects

From the Dashboard

Navigate to projects:

  1. Click "Dashboard" in top navigation

  2. Click "Projects" section

  3. View all your projects

What you'll see: Grid or list of project cards Project previews Quick stats Search and filters

Opening a Project

Click any project card to: Open the project Resume where you left off View code and preview Continue development

Project state restored: All files loaded Container restarted Previous chat history available Ready to continue

Project Dashboard

Dashboard Overview

Top section shows: Total projects count Active this week Quick create button View options (grid/list)

Main area displays: Project cards Project information Action buttons Load more pagination

Project Cards

Each card shows:

Project Icon/Thumbnail: Auto-generated based on project type Or preview screenshot if available

Project Name: Click name to open project Editable from settings

Description: Brief project summary Shows purpose or features Editable from settings

Creation Date: "Created 3 days ago" "Created last week" Helps track recent vs old projects

Git Status: Icon if connected to Git repository Shows sync status

Collaborators: Avatar images of collaborators Shows who has access Click to manage

Actions Menu: Settings/edit icon (⚙) Delete option Share options More actions

View Modes

Grid View: Cards in grid layout Shows 12-20 projects per page Visual, easy to scan Good for visual thinkers

List View: Compact list format Shows more projects at once Better for many projects Easier to scan names quickly

Toggle: Click view mode button to switch

Sorting Projects

Sort options: Most recent first (default) Oldest first Name (A-Z) Name (Z-A) Last modified

How to sort:

  1. Click sort dropdown

  2. Select desired option

  3. Projects reorder automatically

Searching Projects

Search by: Project name Project description Keywords

How to search:

  1. Find search box at top

  2. Type keywords

  3. Results filter in real-time

  4. Clear search to see all

Search tips: Search "todo" → finds all todo apps Search "landing" → finds landing pages Search "react" → finds React projects

Project Statistics

Dashboard Stats

Visible metrics:

Total Projects: Count of all your projects Includes active and inactive Reflects against plan limit

Active This Week: Projects you worked on this week Shows recent activity Helps track current work

Git Connected: Projects linked to Git repos Shows version-controlled projects

Individual Project Stats

Click project for details: Files count Last modified date Collaborators count Storage used Messages exchanged

Organizing Projects

Project Descriptions

Add/edit description:

  1. Open project settings

  2. Find description field

  3. Enter brief summary

  4. Save changes

Good descriptions: ✅ "Landing page for fitness app with pricing and signup" ✅ "E-commerce store with cart and checkout" ✅ "Personal portfolio with project gallery"

Why descriptions help: Easier to remember project purpose Better search results Team members understand project Organized dashboard

Project Names

Rename projects:

  1. Click project card settings

  2. Edit name field

  3. Save

Or:

  1. Open project in builder

  2. Click name at top

  3. Edit inline

  4. Press Enter

Naming best practices: Descriptive: "Coffee Shop Landing Page" Not generic: "Project 1", "Test" Include type: "Blog Platform", "Dashboard" Add client/purpose if relevant: "Client XYZ Website"

Archiving/Deleting

Delete unused projects:

  1. Click project settings (⚙)

  2. Select "Delete"

  3. Confirm deletion

  4. Project removed permanently

⚠ Warning: Deletion is permanent Can't be undone Download first if you might need it later

When to delete: Experimental/test projects Failed attempts Duplicate projects Projects you won't use again

Frees up: Project quota Storage space Dashboard clutter

Collaborating on Projects

Adding Collaborators

Invite team members:

  1. Open project

  2. Click Settings → Collaborators

  3. Enter email address

  4. Select role (Viewer, Editor, Admin)

  5. Send invitation

Invitation process: Email sent to collaborator They click link to accept Join project with assigned role Can access immediately

Managing Collaborators

View collaborators: Project card shows avatars Settings show full list See roles assigned

Change roles:

  1. Go to collaborator settings

  2. Click on collaborator

  3. Change role dropdown

  4. Save

Remove collaborators:

  1. Find collaborator in list

  2. Click remove/delete

  3. Confirm

  4. Access revoked immediately

Collaboration Roles

Viewer: Can view code Can see preview Cannot edit Cannot add collaborators

Editor: Can view code Can edit files Can make changes Cannot manage collaborators

Admin: Full access Can edit everything Can add/remove collaborators Can delete project (if owner)

Owner (you): Created the project Full control Can't be removed Can transfer ownership (if supported)

Project Settings

Accessing Settings

From dashboard: Click settings icon (⚙) on project card Settings panel opens

From project builder: Click settings in top navigation Settings modal/panel appears

Available Settings

General: Project name Project description Icon/thumbnail (if customizable)

Collaborators: Add/remove team members Manage roles View pending invitations

Git Integration: Connect to Git repository Set remote URL Sync settings

Danger Zone: Delete project Archive project (if available) Export project

Downloading Projects

Export as ZIP

From dashboard:

  1. Click project settings

  2. Select "Download" or "Export"

  3. ZIP file downloads

From project builder:

  1. Click "Download" button (top toolbar)

  2. ZIP downloads with project name

What's included: All source files package.json Configuration files Public assets README (if exists)

What's excluded: node_modules (reinstall with npm install) Build artifacts (regenerate)

Using Downloaded Project

Extract and run locally: unzip project-name.zip cd project-name npm install npm run dev

Use cases: Local development Deployment to hosting Backup important work Sharing with others Version control (Git)

Project Limits & Usage

Checking Your Limits

View in billing:

  1. Dashboard → Billing

  2. See "Projects" section

  3. Shows: Used / Total

  4. Progress bar indicator

Example: Projects: 8 / 10 used [=========-] 80%

Managing Quota

When approaching limit: ⚠ Warning shown at 80% 🚫 Can't create new at 100% Prompt to delete or upgrade

Options:

  1. Delete old projects Download first if needed Free up quota immediately Continue with free plan

  2. Upgrade plan Higher/unlimited projects More features Better limits across board

Storage Usage

Projects consume storage: Source files Assets (images, etc.) Configurations Chat history

Monitor usage: Dashboard → Billing See storage consumed Per-project breakdown (if available)

Reduce storage: Delete unused projects Remove large assets Optimize images Clean up old files

Best Practices

  1. Keep Dashboard Organized

Regular cleanup: Delete test/experimental projects Archive completed projects Rename for clarity Add descriptions

Benefits: Find projects faster Professional appearance Better overview Easier management

  1. Use Descriptive Names & Descriptions

Examples: ✅ Good: Name: "Acme Inc. Landing Page" Description: "Product landing with pricing, features, and signup form"

❌ Bad: Name: "Project 47" Description: [empty]

Why: Future you will thank you!

  1. Download Important Projects

Regular backups: Download completed projects Keep local copies Store in cloud (Dropbox, Google Drive) Version control with Git

Protects against: Accidental deletion Account issues Service downtime (rare) Gives you local copy

  1. Manage Collaborators Actively

Review access: Remove collaborators when project done Update roles as needed Don't leave unnecessary access Maintain security

  1. Monitor Your Limits

Stay aware: Check usage regularly Plan before creating many projects Delete before hitting limit Upgrade when appropriate

  1. Organize by Purpose

Categorize mentally: Client projects Personal projects Experiments Templates/starters Production vs development

Naming convention: [Client] Landing Page [Personal] Portfolio [Experiment] React Performance [Template] Next.js Starter

  1. Document Projects

Add information: Clear descriptions Note important details Document purpose Link to resources

Helps: Remember context later Onboard collaborators Resume work quickly Share with stakeholders

Troubleshooting

Can't Find a Project

Check:

  1. Scroll down (pagination)

  2. Clear search filters

  3. Check sort order

  4. Look for "Load More" button

Still missing? May have been deleted Check with collaborators (if shared) Check if on different account

Project Won't Open

Possible causes:

  1. Container starting up Wait a moment Refresh page Try again

  2. Network issue Check internet connection Refresh browser Clear cache

  3. Project corrupted Rare, contact support May need restoration

Solutions: Wait and retry Refresh page Clear browser cache Contact support if persists

Changes Not Saving

Ensure:

  1. Files are saved (no orange dots)

  2. Internet connection stable

  3. No browser errors (check console)

If issue persists: Download project as backup Refresh page Try incognito/private mode Contact support

Hit Project Limit

Options:

  1. Delete old projects Review project list Download important ones Delete unused/test projects Quota frees up immediately

  2. Upgrade plan Dashboard → Billing View available plans Select upgrade Get more projects

Advanced Management

Bulk Operations

Select multiple projects: Checkbox selection Select all option Bulk delete Bulk export

Use carefully: Bulk operations can't be easily undone!

Project Templates

Reuse project structures:

  1. Create template project

  2. Document setup

  3. Download as ZIP

  4. Start new projects from template

Ask AI: "Create a new project using this template structure: [paste or describe template]"

Git Integration

Version control: Connect project to Git Track changes Collaborate via Git Deploy from repository

Setup:

  1. Project settings

  2. Git section

  3. Add repository URL

  4. Authenticate

  5. Push/pull code

Related: Creating Projects - Start new projects Downloading Projects - Export and backup Collaboration - Work with teams Billing & Usage - Manage limits