Luma – Voice Agent (Day 1 – Murf AI Voice Agents Challenge)

This project is my Day 1 submission for the Murf AI Voice Agents Challenge.

I built a simple but fully functional voice agent with a custom backend and a premium UI.
The agent converts text into speech using the Murf TTS API and plays the generated audio in the browser.

---

🚀 Features

• Custom frontend (HTML + CSS + JavaScript)
• Custom backend (Node.js + Express)
• Integrated Murf TTS API (Gen2 voice model)
• Audio playback in browser
• Typing animation for better UX
• Dark mode premium UI
• Ready for future challenge tasks

---

🛠 Tech Stack

Frontend:

• HTML
• CSS
• JavaScript

Backend:

• Node.js
• Express.js
• node-fetch

TTS Engine:

• Murf AI (Gen2 voice model)

---

📂 Project Structure

├── index.html # Frontend UI ├── server.js # Backend server (Express) ├── package.json # Dependencies ├── package-lock.json └── README.md

---

▶️ How to Run

1. Install dependencies

Run this inside the project folder:

2. Start the backend

The backend will run on:

3. Open the frontend

Double-click index.html to open it in any browser.

---

🔊 How It Works

1. User enters text
2. Frontend sends text to backend
3. Backend calls Murf TTS API
4. Murf returns a temporary MP3 URL
5. The browser plays the audio
6. Typing animation and UI make the experience smooth

---

🎥 Demo Video

https://www.linkedin.com/posts/aditya-kumar23_murfaivoiceagentschallenge-10daysofaivoiceagents-activity-7397720518960799744-J9VO?utm_source=social_share_send&utm_medium=member_desktop_web&rcm=ACoAAEQl_lQBHLQgBKQEHkCz2NSLebMKSqsWFi0

---

🏆 Challenge Context

This project is built as part of the:

Murf AI Voice Agents Challenge – Day 1
Task: Build a working voice agent and post the demo on LinkedIn.

---

💡 Next Steps (Day 2 onwards)

• Add microphone input
• Add chat history
• Improve response speed
• Add personas
• Add streaming TTS
• Integrate LLM (Gemini/OpenAI)

---

⭐ Author

Aditya (aditya-ai00)
Participant of Murf AI Voice Agents Challenge – 10 Days of AI Voice Agents