πŸš€ 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
Share this project:

Updates