techhubprototypeucfrontend/README.md

# Gemini Live Audio Frontend (TypeScript)

This React + Vite frontend mirrors the original Streamlit application with a modern interface built in TypeScript.

Requirements

• Node.js 18 or newer
• Backend running and reachable through WebSocket (ws://localhost:8000/ws by default)

Getting started

npm install
npm run dev

The development server will be available at http://localhost:5173.

To produce an optimized build:

npm run build

You can then verify the build locally with:

npm run preview

Configuration

You can set the WebSocket endpoint via environment variable:

VITE_WS_URI=ws://your-server:port/ws npm run dev

The endpoint can also be adjusted directly from the "WebSocket endpoint" field in the UI.

Key features

• Captures microphone audio and converts it to 16 kHz PCM.
• Streams audio through WebSocket in 1024-sample packets.
• Plays back the audio returned by the backend in real time.
• Displays the incremental transcript as it arrives.
• Shows live session statistics (duration and packets sent).
• Sleek glassmorphism-inspired interface.