MediPulse
Documentation Sign Up | Login

Optimize Edit Feature

The Optimize Edit feature allows users to select existing Palomar Health videos from their library and apply AI-powered optimization to improve title, description, tags, and overall engagement potential. This feature combines video library browsing with machine learning recommendations.

🎬 Feature Overview

Optimize Edit Feature

1. Video Library Display

(Frontend)
  • Displays existing Palomar Health videos in a responsive grid layout.
  • Shows video metadata:
    • Video title and thumbnail
    • Publication date
    • View count statistics
    • Current category tags
  • Implements hover effects and visual feedback for user interaction.

2. Search & Filter Functionality

(Frontend)
  • Real-time search through video titles and descriptions.
  • Category-based filtering:
    • Health & Medical
    • Patient Stories
    • Educational Content
    • Lifestyle & Wellness
  • Pagination controls for large video collections.

3. Video Selection Interface

(Frontend)
  • Single-select video cards with visual selection indicators.
  • Selected videos display checkmark overlay and border highlighting.
  • Optimize button becomes enabled only when a video is selected.

4. Data Processing & API Integration

(Backend)
  • Loads video metadata from CSV data source containing:
    • Video IDs, titles, and descriptions
    • Publication timestamps and view metrics
    • Category classifications and tags
    • Duration and quality specifications
  • Processes selected video data for optimization API submission.

5. ML-Powered Optimization Engine

(Backend)
  • Submits video metadata to optimization API endpoint:
    • Title and description analysis
    • Tag relevance scoring
    • Publication timing optimization
    • Technical quality assessments
  • Generates engagement predictions and improvement recommendations.

6. Results & Recommendations Display

(Frontend)
  • Displays optimization results in an interactive dashboard:
    • Predicted engagement score with visual gauge
    • AI-generated content alternatives (3 variations)
    • Category-specific improvement tips
    • Similar high-performing video recommendations
  • Provides editable content fields with real-time preview.
  • Copy-to-clipboard functionality for optimized content.

7. Interactive Optimization Tools

(Frontend)
  • Template switcher for comparing optimization variations.
  • Tip application system with undo functionality.
  • Re-evaluation capability for iterative improvements.
  • Export options for finalized optimizations.

🔧 Technical Implementation

Frontend Technologies:

  • Bulma CSS Framework - Responsive grid system and UI components
  • Vanilla JavaScript - Dynamic content rendering and interaction handling
  • Chart.js - Engagement score visualization
  • Font Awesome - Iconography and visual indicators

Backend Integration:

  • CSV Data Source - Palomar Health video metadata repository
  • Optimization API - Machine learning service endpoint
  • JSON Processing - Data transformation and error handling

🔧 Key

  • 🟥 Frontend: User interface and interaction components
  • 🟦 Backend: Data processing and API services

📡 API Endpoint

The optimization service accepts POST requests to /api/optimize with video metadata:

````json { "title": "Palomar Health Birth Center", "description": "Learn about our world-class birth center...", "duration_sec": 120, "tags": "health|medical|birth|center", "category_id": 22, "is_hd": 1, "has_captions": 1, "publish_dow": 2, "publish_hour": 14 } ````