Building a Voice AI Portfolio Site That Gets You Hired

Description and use

Building a voice‑AI portfolio site that showcases TTS demos, secures API keys, and is ready for deployment.

Problem

Developers need a portfolio that showcases voice‑AI demos to attract recruiters.

Outcome

A fully functional portfolio site that demonstrates voice‑AI capabilities, protects API keys, and can be deployed quickly.

Workflow

• Choose ElevenLabs as TTS engine
• Create ElevenLabs account and API key
• Set up project structure with backend, frontend, Docker
• Implement backend proxy to keep API key secure
• Run backend server
• Build React frontend to send text and voice selection to backend
• Deploy with Docker Compose
• Host on reliable platform

Evidence

ElevenLabs has become the go‑to platform for high‑quality text‑to‑speech and voice cloning.

Source

Calling ElevenLabs directly from the browser exposes your API key. Instead, keep the key on the server and expose a small, authenticated endpoint.

Source