π About the Project β Dr. Bolt
π§ Inspiration
The inspiration for Dr. Bolt came from imagining a world where talking to an AI doctor feels as natural as speaking to a human β no keyboards, no complex forms. The rise of voice-first AI and medical LLMs made it possible to build something that listens, understands, and responds in real-time.
π οΈ How It Was Built
- Designed with Bolt, a modern AI code generation platform.
- Developed using React (TypeScript), Vite, and Tailwind CSS for responsive design.
- Integrated Google Gemini API for deep conversational intelligence.
- Used ElevenLabs API to convert AI responses into lifelike voice outputs.
- Hosted on Netlify for fast global deployment.
- Voice-first architecture: user talks, AI listens, thinks, and speaks back.
π What I Learned
- Advanced handling of voice-only interfaces in frontend apps.
- Importance of design clarity and user comfort in health-related UI/UX.
- Secure and dynamic use of API keys with .env configuration.
- Managing real-time state across long-form AI interactions using React hooks.
β οΈ Challenges Faced
- The UI went through multiple complete redesigns to match a futuristic AI medical assistant.
- Designing the Dr. Bolt brand identity β especially the logo and voice persona β required several days of focused creative iteration.
- API issues: Gemini and ElevenLabs both presented CORS errors, unstable outputs, and integration complexity.
- The biggest challenge was eliminating hardcoded mock data β ensuring that every message and result truly came from live AI conversation only.
- Ensuring that Dr. Bolt keeps asking follow-up questions until fully satisfied before unlocking the Results section β this required building a memory-like system in conversationHistory[].
π Voice-Driven Result Generation
Once Dr. Bolt has enough information from the user, it transitions into the Results tab where it dynamically generates:
- ποΈ 7-Day Personalized Health Plan
- π Lifestyle Recommendations (Doβs & Donβts)
- π Simulated Medication Suggestions
All responses are real β directly generated via Gemini based on the entire conversation history, and never hardcoded or guessed.
π‘ Final Thoughts
Dr. Bolt isn't just a demo β it's a glimpse into the future of medical consultation, where AI listens, thinks, and helps β all through voice. No forms. No typing. Just talk.
βThe doctor will hear you now.β
Built With
- bolt
- elevenlabs-api
- google-gemini-api
- lucide-react
- netlify
- react
- tailwind-css
- typescript
- vite



Log in or sign up for Devpost to join the conversation.