GUM Web Interface: new web frontend has been added to simplify video uploads, track analysis progress, and explore insights

[parmar-abhinav]

Web Interface

A new web frontend has been added to simplify video uploads, track analysis progress, and explore insights. Features include:

• Drag-and-drop video uploads
• Progress bars for real-time feedback
• Query interface

1. Video Upload Section

2. Recent Analysis Section

3. User Behaviour Insights Section

4. Query Insights Section

Modern UI/UX

• Responsive Design: Works on desktop, tablet, and mobile devices
• Dark/Light Theme: Beautiful gradient design with modern aesthetics
• Real-time Feedback: Toast notifications for all actions
• Loading States: Visual feedback during API calls
• Connection Status: Real-time API connection monitoring

Directory Structure

frontend/
├── index.html              # Main HTML file
├── server.py              # Simple Python HTTP server
├── README.md              # This file
└── static/
    ├── css/
    │   └── styles.css     # Main stylesheet
    ├── js/
    │   └── app.js         # JavaScript application
    └── images/            # Image assets (if any)

Setup & Installation

Prerequisites

• GUM API Controller running (usually on port 8001)
• Python 3.6+ (for the simple server)
• Modern web browser

Quick Start

1. Start the GUM API Controller (in the main GUM directory):

2. Start the Frontend Server:

   cd web
   python server.py

3. Open in Browser:

   • Navigate to http://localhost:3000
   • The interface should automatically detect the API connection

[oshaikh13]

Looks fantastic!! Great work :)

[oshaikh13]

Right now, I'm debating whether or not we should move the controller.py to this repo too, and then add the gum-ai python package as a dependency for this project. That way, we can keep the gum module as simple as possible.

https://pypi.org/project/gum-ai/

What do you think?

[parmar-abhinav]

Agree, we can keep the controller here

[oshaikh13]

Wonderful- let me know when this is self contained and I'll review again. Looks very close!

[parmar-abhinav]

Added controller file, please check

[parmar-abhinav]

Hi @oshaikh13 please review this PR when you get a chance

[parmar-abhinav]

Hi @oshaikh13 just a gentle reminder to review this PR when you get time. Thanks!

[parmar-abhinav]

Hi @oshaikh13, gentle reminder on this PR. I understand you may be busy, but if you could share even a quick initial review, it would help me proceed.

[oshaikh13]

Yes, sorry! @parmar-abhinav I'm planning on making edits to this PR soon myself.

Last few weeks have been a bit busy- there's a conference deadline that I've been helping a few folks with (Sept 11.) but after that I'll have bit more time.

[parmar-abhinav]

Got it, @oshaikh13! Thanks for the update — let me know if I can help with any of the edits.

[parmar-abhinav]

Hi @oshaikh13, Whenever you get a chance, please review my PR and let me know if any changes are needed — I’ll be happy to update it.

I’m excited to work on this project and have a few ideas to explore further. Getting this initial PR reviewed and merged will help me understand how to proceed.