Famstack Users Guide

Complete Documentation & User Manual

Version 1.0

📊 Project Dashboard

Overview

The Project Dashboard provides a comprehensive overview of all your projects, key metrics, and quick access to important information.

Dashboard Components

Summary Statistics

Key metrics displayed as cards:

  • Total Projects
  • Active Projects
  • Completed Projects
  • Overdue Projects

Charts & Visualizations

Visual representations of:

  • Project status distribution
  • Timeline views
  • Resource allocation

Recent Activities

List of recent project activities and updates

Quick Actions

Shortcuts to common tasks like creating new projects

Accessing the Dashboard

Navigate to Project → Dashboard from the left sidebar menu
The dashboard loads automatically showing your project overview
Use the date range selector to filter dashboard data by time period
Project Dashboard - Overview with statistics and charts

📋 Project List

Understanding the Project List Page

The Project List page is your main interface for viewing and managing all projects. You can access it via Project → Project List.

Page Header Features

The top of the Project List page contains several important controls:

Element Location Function
Team Filter Left side Dropdown to select which team's projects to view. You can select multiple teams.
Status Filter Left side Filter by: All, Active, Archived, My Projects, Favorite
Sort Options Left side Sort by: Due Date, Est Start Date, Created Date, A-Z (with up/down arrow)
Date Range Right side Calendar picker to filter projects by date range
Search Box Right side Text input to search projects by name or other criteria
Grid/List Toggle Right side Switch between grid card view and list table view
Create Project Button Right side Opens the project creation sidebar

Understanding Project Cards (Grid View)

In grid view, each project is displayed as a card showing:

Card Header

  • Project initial badge (colored circle)
  • Project name (clickable link)
  • Archive toggle switch
  • Options menu (three dots)

Card Body

  • Account name (tag)
  • Due date indicator
  • Project summary/description
  • Key project details
  • Task and hour statistics

Card Footer

  • Progress indicator
  • Completion percentage

Understanding Project Table (List View)

In list view, projects are displayed in a table format with columns:

Column Description
Name Project name (clickable to view details)
Account Associated account/client name
Status Current project status
Start Date Project start date
Due Date Project completion due date
Progress Visual progress bar
Actions Dropdown menu with edit, delete, archive options

➕ Creating a New Project

Step-by-Step Creation Process

Step 1: Open the Create Project Sidebar

Navigate to Project → Project List
Click the "CREATE PROJECT" button in the top right of the page header
A sidebar panel will slide in from the right side of the screen
Create Project Sidebar - Right side panel with form fields

Step 2: Fill Required Fields

These fields are mandatory and must be filled before you can create the project:

Project Name

Enter a descriptive name for your project. This should clearly identify the project.

Best Practice: Use a format like "Client Name - Project Type" (e.g., "ABC Corp - Website Redesign")

Team/Department (User Team)

Select the team that will be responsible for this project. This determines which employees can be assigned.

How to Select: Click the dropdown and choose from available teams. Only teams you have access to will be shown.

Estimated Start Date

Select when the project is expected to begin.

How to Select: Click the date field to open a calendar picker. Navigate to the desired month/year and click the date.

Estimated Completion Date

Select when the project is expected to be completed.

Important: This date should be after the start date. The system will warn you if dates are invalid.

Step 3: Fill Optional Fields

These fields provide additional project information but are not required:

Purchase Order

If this project is linked to a purchase order, select it from the dropdown. This will auto-populate some fields.

When to Use: If your organization uses purchase orders for project authorization.

Proposal Number

Enter the proposal number if this project originated from a proposal.

Format: Alphanumeric (e.g., "PROP-2024-001")

Order Book Reference Number

Enter the order book reference if applicable.

Account

Select or create the client account this project belongs to.

How to Select: Use the dropdown to search and select an existing account, or create a new one if you have permissions.

Category

Select a project category (e.g., "Web Development", "Consulting", "Support").

Note: Available categories depend on your organization's configuration.

Project Type

Select the type of project (e.g., "Fixed Price", "Time & Materials").

Type

Additional type classification (varies by organization).

Location

Enter the project location (e.g., "Remote", "Onsite - New York", "Hybrid").

Client Partner

Select the client partner or account manager responsible for this client.

Summary/Description

Enter a detailed description of the project, its objectives, and scope.

Best Practice: Include key deliverables, timeline highlights, and important notes.

Step 4: Configure Project Estimates

If your organization uses project estimates, you can configure them here:

Service Line Estimates

Add estimates by service line (e.g., "Development", "Design", "Testing").

How to Add:

  1. Click "Add Estimate" or similar button
  2. Select service line from dropdown
  3. Enter estimated hours
  4. Add team member estimates if needed
  5. Click "Add" to save the estimate

Team Member Estimates

Within each service line estimate, you can assign hours to specific team members.

How to Add:

  1. Expand the service line estimate
  2. Click "Add Team Estimate"
  3. Select team member
  4. Enter their estimated hours
  5. Save

Step 5: Configure Access Restrictions (If Available)

Some organizations allow you to restrict who can view/edit the project:

Task Access Restrictions

Control who can create and view tasks within this project.

Options:

  • Open: All team members can create/view tasks
  • Restricted: Only assigned members can create/view tasks

Step 6: Review and Submit

Review All Fields
Scroll through the form to ensure all required fields are filled and information is correct.
Check for Errors
The system will highlight any required fields that are missing. Look for red borders or error messages.
Configure Footer Options
At the bottom of the sidebar:
  • Keep me open: Check this if you want to create multiple projects
  • Keep Data: (If "Keep me open" is checked) Keep form data for next project
Click Create Button
Click the "Create" button at the bottom of the sidebar. The button will show a loading spinner while the project is being created.
Success Confirmation
After successful creation:
  • You'll see a success notification
  • The sidebar will close (unless "Keep me open" was checked)
  • The new project will appear in your project list
💡 Tip: Use "Keep me open" when creating multiple similar projects. You can change just the project name and key details, then create the next one quickly.
⚠️ Important: Once created, some project fields cannot be changed. Review all information carefully before submitting.

Creating from Purchase Order

If your project is linked to a purchase order:

Select the purchase order from the dropdown
Many fields will auto-populate from the purchase order
Review and modify as needed
Complete remaining required fields
Create the project

📝 Project Fields - Complete Reference

Field Descriptions and Usage

Field Name Required Type Description & Usage
Project Name ✅ Yes Text Unique identifier for the project. Should be descriptive and follow your organization's naming convention.
User Team ✅ Yes Dropdown The team/department responsible for the project. Determines available employees and access.
Est. Start Date ✅ Yes Date When work on the project is expected to begin. Used for planning and reporting.
Est. Completion Date ✅ Yes Date When the project is expected to be completed. Must be after start date.
Purchase Order ❌ No Dropdown Link to a purchase order if project is PO-based. Auto-fills related fields.
Proposal Number ❌ No Text Reference to the proposal that led to this project.
Order Book Ref No ❌ No Text Reference number from your order book system.
Account ❌ No Dropdown Client account this project belongs to. Can create new account if needed.
Category ❌ No Dropdown Project category for classification and reporting.
Project Type ❌ No Dropdown Type classification (e.g., Fixed Price, T&M).
Type ❌ No Dropdown Additional type classification.
Location ❌ No Text Physical or virtual location of project work.
Client Partner ❌ No Dropdown Account manager or partner responsible for client relationship.
Summary ❌ No Text Area Detailed project description, objectives, and scope.
Code ❌ No Text Auto-generated project code (usually PRJ + timestamp). Can be customized.

Field Validation Rules

Validation Rules:
  • Project Name must be unique within your organization
  • Completion Date must be after Start Date
  • Some fields may have character limits
  • Date fields must be valid dates

✏️ Editing Projects

How to Edit an Existing Project

Method 1: From Project List

Go to Project → Project List
Find the project you want to edit (use filters/search if needed)
In Grid View: Click the three dots menu (⋮) on the project card → Select "Edit"
In List View: Click the dropdown menu in the Actions column → Select "Edit"
The edit sidebar will open from the right with all project fields pre-filled
Make your changes to any editable fields
Click "Update" button to save changes

Method 2: From Project Details

Open the project details page (click project name)
Click the "Edit" button (usually in the header or actions area)
The edit sidebar will open
Make changes and click "Update"

What Can Be Edited

Most project fields can be edited, including:

What Cannot Be Edited

Some fields may be locked after creation:

📌 Note: Editing restrictions depend on your permissions and the project's status. Some fields may be locked for completed or archived projects.

Effective Date for Updates

When editing a project, you may see an "Effective Date" option:

Effective Date

This allows you to specify when the changes should take effect. Useful for planning future changes.

How to Use: Check "Effective Date" checkbox and select a future date. Changes will be applied on that date.

👁️ Viewing Project Details

Opening Project Details

Navigate to Project → Project List
Click on the project name (in either grid or list view)
The project details page will open

Project Details Page Structure

The project details page is organized into several tabs/sections:

1. General Tab

Shows all basic project information:

2. Deliverables Tab

Shows all tasks/deliverables for this project:

3. Team Tab

Shows team members assigned to the project:

4. Estimates Tab

Displays project estimates:

5. Activity Tab

Shows project activity timeline:

6. Calendar Tab

Calendar view of project timeline:

7. Files Tab

Project-related files and documents:

8. Feedback Tab

Project feedback and reviews:

Project Details Header Actions

At the top of the project details page, you'll find action buttons:

Button Function
Edit Opens edit sidebar to modify project
Archive Toggles archive status
Delete Marks project for deletion
Favorite Adds/removes from favorites
Share Generates shareable link (if enabled)

🔍 Filtering & Searching Projects

Using Filters

Status Filter

Locate the "SHOW" dropdown in the page header
Click to see available options:
  • ALL: Shows all projects regardless of status
  • ACTIVE: Shows only active (in-progress) projects
  • ARCHIVED: Shows only archived projects
  • MYPROJECTS: Shows only projects you're assigned to
  • FAVORITE: Shows only your favorited projects
Select the desired filter option
The project list will update automatically

Sort Options

Locate the "SORT" dropdown in the page header
Select sort criteria:
  • Due Date: Sort by completion due date
  • Est Start Date: Sort by estimated start date
  • Created Date: Sort by when project was created
  • A-Z: Sort alphabetically by project name
Click the up/down arrow to toggle ascending/descending order

Team Filter

Click the team dropdown (shows selected teams or "All Teams")
Select one or more teams from the list
Projects will filter to show only those belonging to selected teams
Click outside the dropdown or press Escape to close

Date Range Filter

Click the date range selector (calendar icon) in the header
A calendar popup will appear
Select start date by clicking on a date
Select end date by clicking on another date
The range will be highlighted
Click "Apply" or click outside to apply the filter
Projects will filter to show only those within the date range
💡 Tip: Use preset ranges like "This Month", "Last Month", "This Quarter" for quick filtering.

Text Search/Filter

Locate the search/filter input box (has a filter icon)
Type your search term (project name, code, account name, etc.)
Results filter as you type (real-time filtering)
Clear the box to remove the filter

Advanced Search

Some pages offer advanced search with multiple criteria:

Click the search icon or "Advanced Search" option
Select search field from dropdown (e.g., "Proposal Number", "Project Code")
Enter search term
Press Enter or click Search
Results will show matching projects

Combining Filters

You can combine multiple filters for precise results:

Example: Show "Active" projects from "Development Team" created in "Last 30 Days" containing "Website" in the name.
Set Status filter to "ACTIVE"
Select "Development Team" from team filter
Set date range to "Last 30 Days"
Type "Website" in search box
Results will match all criteria

Clearing Filters

To clear all filters and see all projects:

📊 Grid vs List View

Switching Between Views

Locate the "Grid" and "List" toggle buttons in the page header
Click "Grid" to see projects as cards
Click "List" to see projects in table format

Grid View Advantages

List View Advantages

💡 Tip: Use Grid view for visual browsing, List view for detailed analysis and data entry.

📦 Archiving Projects

What is Archiving?

Archiving moves a project out of the active view while preserving all data. Archived projects can be unarchived later if needed.

How to Archive a Project

Method 1: From Grid View

Go to Project List in Grid view
Find the project card you want to archive
Toggle the switch in the top right of the card (it will turn off/gray)
The project is now archived

Method 2: From List View

Go to Project List in List view
Click the dropdown menu in the Actions column
Select "Archive"
Confirm if prompted

Method 3: From Project Details

Open the project details page
Click the "Archive" button in the header
Confirm the action

Viewing Archived Projects

Go to Project List
Set the Status filter to "ARCHIVED"
All archived projects will be displayed

Unarchiving a Project

Filter to show archived projects
Find the project you want to unarchive
Toggle the archive switch back on (or use "Unarchive" from menu)
The project will return to active status
📌 Note: Archiving doesn't delete data. All project information, tasks, and history are preserved.

🗑️ Deleting Projects

Understanding Delete vs Remove

The system has two deletion-related actions:

Delete

Marks the project as deleted but keeps it in the system. Can be undone.

Use When: You want to hide a project but may need to restore it later.

Remove

Permanently removes the project from the system. Cannot be undone.

Use When: You're certain the project should be completely removed.

How to Delete a Project

Go to Project List or Project Details
Click the dropdown menu (three dots or Actions)
Select "Delete"
Confirm the deletion in the popup dialog
The project will be marked as deleted

Viewing Deleted Projects

Deleted projects may still be visible with a visual indicator (red border, strikethrough, etc.).

Undoing a Delete

Find the deleted project (it may show a "Deleted" indicator)
Click the dropdown menu
Select "Undo Delete" (may show as a rotate/undo icon)
The project will be restored

Permanently Removing a Project

⚠️ Warning: This action cannot be undone! All project data will be permanently deleted.
First delete the project (mark as deleted)
Click the dropdown menu on the deleted project
Select "Remove"
Read the warning message carefully
Type "DELETE" or confirm as required
Click "Confirm"
The project is permanently removed
📌 Note: Remove typically requires administrator permissions or special confirmation.

⭐ Favorites

What are Favorites?

Favorites allow you to mark important projects for quick access. Favorited projects appear when you filter by "FAVORITE".

Adding a Project to Favorites

Go to Project List
Find the project you want to favorite
In Grid View: Click the star icon (⭐) on the project card
In List View: Click the star icon in the project row
From Details: Click the star/favorite button in the header
The star will turn yellow/gold indicating it's favorited

Viewing Favorite Projects

Go to Project List
Set the Status filter to "FAVORITE"
Only your favorited projects will be displayed

Removing from Favorites

Click the star icon again (it will turn gray/unfilled)
The project is removed from favorites
💡 Tip: Use favorites for projects you're actively working on or need frequent access to.

📋 Duplicating Projects

When to Duplicate

Duplicating is useful when:

How to Duplicate a Project

Go to Project List
Find the project you want to duplicate
Click the dropdown menu (three dots)
Select "Duplicate"
The create project sidebar will open with all fields pre-filled from the original project
Modify the project name (required - must be unique)
Update any other fields as needed
Click "Duplicate" button to create the copy

What Gets Duplicated

When duplicating, the following are copied:

What Doesn't Get Duplicated

The following are NOT copied:

📌 Note: The duplicated project will have a new unique ID and code. Dates may need to be adjusted.