graph TD
    A["User Interface"]
    B["Authentication"]
    C["Zoho CRM"]
    D["Zoho Projects"]
    E["Google Sheets"]
    F["Data Sync"]

    A -->|"Click Export/Import Button"| B
    B -->|"Authenticate"| E
    B -->|"Establish Connection"| C
    B -->|"Establish Connection"| D
    
    C -->|"Export Quotes Data"| F
    D -->|"Export Tasks Data"| F
    F -->|"Update"| E
    
    E -->|"Import Modified Data"| F
    F -->|"Update CRM"| C
    F -->|"Update Projects"| D

    %% Subgraphs for CRM and Projects specific operations
    subgraph "CRM Operations"
        C1["Create/Edit/Delete Quotes"]
        C2["Display Quote Fields"]
        C -->|"Perform"| C1
        C -->|"Fetch"| C2
    end

    subgraph "Projects Operations"
        D1["Update Tasks"]
        D2["Trigger Automation"]
        D -->|"Perform"| D1
        D1 -->|"Triggers"| D2
    end

    %% Additional notes
    classDef note fill:#f9f,stroke:#333,stroke-width:2px;
    class NoteAuth,NoteCRM,NoteProjects note;

    NoteAuth["Custom Authentication Page
    (Node.js, Express, MongoDB)"]
    NoteCRM["CRM: Quotes Module Integration"]
    NoteProjects["Projects: Task Module Integration"]

    B --- NoteAuth
    C --- NoteCRM
    D --- NoteProjects

This Mermaid diagram illustrates the integration flow between Zoho CRM, Zoho Projects, and Google Sheets as described in the problem statement. Here's a breakdown of the key components:

• User Interface (A): Represents the starting point where users interact with the system, including the export/import buttons.
• Authentication (B): Custom authentication process using Node.js, Express, and MongoDB, connecting to Google Sheets.
• Zoho CRM (C): Handles CRM-related operations, particularly for the Quotes module.
• Zoho Projects (D): Manages project-related tasks and automations.
• Google Sheets (E): The platform where data is exported to and imported from.
• Data Sync (F): Represents the bi-directional data flow between Zoho services and Google Sheets.

The diagram shows the flow of data and operations, including:

• The authentication process and connection establishment.
• Data export from Zoho CRM and Projects to Google Sheets.
• Data import from Google Sheets back to Zoho services.
• Specific operations within CRM (quote management) and Projects (task updates and automation triggers).

This visual representation helps to understand the overall structure and flow of the integration process between these systems.