Speech Studio Frontend

Description

Speech Studio is a Vite-powered React application for transcribing audio and generating speech with Sunbird AI's multilingual APIs.

Features

• Fast Development with Vite
• React Router for seamless navigation
• Speech-to-Text integration with Sunbird AI's unified /tasks/audio/transcriptions endpoint
• Text-to-Speech integration with the unified /tasks/audio/speech endpoint and live /tasks/voice/speakers catalog
• Searchable language selection for 51 ASR languages and 17 TTS voice languages

Tech Stack

• Frontend: Vite + React
• Styling: Tailwind CSS, Material-UI

Prerequisites

Ensure you have the following installed:

• Node.js (LTS version recommended)
• npm or yarn package manager

Setup Instructions

1. Clone the repository:

   git clone https://github.com/SunbirdAI/ASR-portal-react.git

2. Navigate to the project directory:

   cd ASR-portal-react

3. Install dependencies:

   npm install

4. Create a .env file in the root directory and add the following environment variables:

   VITE_SB_API_URL=<your_api_url>
   VITE_SB_API_TOKEN=<your_api_token>
   VITE_GA4_TRACKING_ID=<your_tracking_id>
   VITE_GA4_MEASUREMENT_ID=<your_measurement_id>
   VITE_FEEDBACK_URL=<your_feedback_url>

5. Start the development server:

   npm run dev

   The application will be available at http://localhost:3000/