-- Frontend for Engineered Arts Task by Shayan Ebrahimi --

.:: README ::.

A minimal React application that connects to the backend WebSocket, sends texts as prompts and plays back the generated answer. 
Each attempt maintains its own session.

--> Tech Stack: React, TypeScript, Vite, Docker


Setup
--------
1. Install  
   Run in the terminal inside the Frontend folder:  
       npm ci

2. Environment (local testing)  
   Create a .env file in the Frontend folder and set the WebSocket configuration:  
       VITE_INTEGRATION_PROTOCOL=ws://  
       VITE_WS_HOST=localhost:8000/ws  
   (Default host: localhost:8000/ws, default protocol: ws://)

3. Run  
   Option 1 — Local:  
       npm run dev  
       → App will be available at http://localhost:5173

   Option 2 — Docker:  
       docker build -t ea-task-frontend .  
       docker run -p 4173:4173 ea-task-frontend  
       → App will be available at http://localhost:4173

4. Test  
   Open the app in your browser:  
   - http://localhost:5173 (local run)  
   - http://localhost:4173 (Docker run)

   You should be able to send prompts and hear the generated audio answers.  
   * Please ensure the backend is running before using the frontend.*