A React application to test all endpoints of the Multi Voice System FastAPI backend.
This app provides a comprehensive UI to test all FastAPI endpoints:
-
GET Endpoints:
GET /- Root endpoint (system information)GET /health- Health check
-
POST Endpoints:
POST /ask- Ask query endpointPOST /transcribe- Transcribe audio with language selectionPOST /transcribe/{language}- Language-specific transcription (english, yoruba, igbo, hausa)POST /speak-ai- Transcribe audio, ask AI, and generate speechPOST /tts- Text to speech conversionPOST /tts/{language}- Language-specific TTSPOST /speak- Speak endpointPOST /tts-stream- Streaming TTS
- Install dependencies:
npm install- Start the development server:
npm startThe app will open at http://localhost:3000
The default API base URL is set to https://nexusbert-multi-voice-system.hf.space. You can change this in the UI by editing the "API Base URL" field at the top of the page.
-
Test GET Endpoints: Click the "Test" buttons for root and health endpoints to see system information.
-
Test POST /ask: Enter a query and submit to test the ask endpoint.
-
Test Transcription: Upload an audio file and select a language code (en, yo, ig, ha) to test transcription.
-
Test TTS: Enter text, select language and speaker, adjust parameters, and generate speech audio.
-
Test Speak AI: Upload an audio file, it will be transcribed, sent to the AI, and the response will be converted to speech.
-
Audio Playback: All audio responses include an audio player for immediate playback.
All endpoints from the FastAPI backend at https://nexusbert-multi-voice-system.hf.space are available for testing with a user-friendly interface.