autumn-ui

byAakash Sarkar

Build a full-stack web application called 'My AI Podcast Generator'. I want a clean, modern UI similar to NoteGPT. The UI should have: A large text area to paste raw notes/text. Dropdowns to select Voice 1 (Host) and Voice 2 (Co-host). A settings button where I can securely save my 'Gemini API Key' and 'ElevenLabs API Key' in the browser's local storage. A big 'Generate Podcast' button. An audio player that appears when the podcast is ready. The Logic (When 'Generate' is clicked): Take the text from the input and send it to the Gemini 1.5 API. Use this system prompt: 'Convert these notes into a lively 2-person educational podcast script. Format strictly as HOST1: [text] and HOST2: [text]'. Parse the returned script. For every 'HOST1' line, call the ElevenLabs API using Voice 1's ID. For every 'HOST2' line, call the ElevenLabs API using Voice 2's ID. Combine/stitch the returned audio buffers into a single playable audio file. Load the final combined audio file into the frontend audio player so I can listen to it and download it. Please use React, Tailwind CSS, and Lucide icons for a beautiful design. Write all the necessary API fetching logic directly in the app.