Image Upload & Gallery HubSpot App

A HubSpot private app that provides a CRM card for uploading and viewing images on contact, company, deal, and ticket records.

Features

• Image Upload: Users can upload multiple images directly from the CRM record
• Image Gallery: View all previously uploaded images in a clean gallery format
• File Management: Images are stored in HubSpot's File Manager
• Property Storage: Image URLs are saved to a custom property (image_urls) on the record

Requirements

• Active HubSpot account
• HubSpot CLI installed and configured
• Access to developer projects (currently in public beta under "CRM Development Tools")

Setup

1. Install dependencies:

   npm install

2. Configure your HubSpot private app token in the serverless function environment

3. Deploy the app:

   hs project dev

Usage

Once deployed, the "Image Upload & Gallery" card will appear in the sidebar of CRM records. Users can:

1. Click the file upload area to select images
2. Preview selected images before uploading
3. Click "Upload" to save images to HubSpot File Manager
4. View all previously uploaded images in the gallery section

Technical Details

• Frontend: React component using HubSpot UI Extensions
• Backend: Serverless function for handling file uploads to HubSpot Files API
• Storage: Images stored in HubSpot File Manager, URLs saved to image_urls property
• Supported Objects: Contacts, Companies, Deals, Tickets