Elevenlabs Patient Voice Simulation

A demonstration of an AI voice agent simulating a diabetic patient using Elevenlabs API, highlighting its potential for healthcare provider training and AI voice integration.

Next React Qwen MongoDB Tailwind CSS

Overview

A voice to voice simulation of an Virtual AI patient using the Elevenlabs API. I will be demoing a project where I use the elevenlabs conversational agent to roleplay as a patient to practice diabetic patient consulting. This will be hosted on a nextjs front-end with a chatbot UI setup styled using shadcn components.

Links

https://rx-pert-kd3ywm43y-rx-pert.vercel.app/scenario/Taro%20Yamada

Tech stack

Next

Next.js is the full-stack React framework: it delivers high-performance web applications via hybrid rendering and powerful, Rust-based tooling.

This is the React Framework for production: Next.js enables you to build full-stack web applications with zero configuration and maximum efficiency. It supports a hybrid rendering approach (Server-Side Rendering, Static Site Generation, and Incremental Static Regeneration) for optimal speed and SEO performance. Key features include React Server Components, Server Actions for running server code directly, and the App Router for advanced routing and nested layouts. Developed by Vercel, it leverages Rust-based tools like Turbopack and the Speedy Web Compiler for the fastest possible builds and a superior developer experience.

https://nextjs.org/

View projects
React

React is an open-source JavaScript library for building dynamic user interfaces (UIs).

React is a component-based JavaScript library, developed by Meta (Facebook), engineered for building fast, declarative UIs. It mandates a one-way data flow and utilizes a Virtual DOM mechanism to ensure efficient, predictable updates to the user interface. Developers construct complex UIs by composing small, encapsulated components; this architecture promotes code reusability and simplifies state management across large applications. The library employs JSX (a syntax extension) to integrate HTML-like markup directly within JavaScript logic, supporting development for both web (React DOM) and native mobile platforms (React Native).

https://react.dev/

View projects
Qwen

Alibaba Cloud's Qwen is a family of advanced, multilingual large language and multimodal models (LLM/LMM) with both proprietary and open-weight versions.

Qwen is the large language model (LLM) and large multimodal model (LMM) family engineered by Alibaba Cloud, designed for state-of-the-art text, vision, and audio processing. The model series, including the Qwen3 generation, features a comprehensive range of dense and Mixture-of-Experts (MoE) models, scaling from the efficient Qwen3-0.6B to the powerful Qwen3-235B-A22B. Qwen excels in complex tasks: it supports reasoning, agent capabilities (tool use), and instruction-following across 119 languages, with open-weight variants available under the Apache 2.0 license for broad deployment.

https://chat.qwen.ai

View projects
MongoDB

MongoDB is the leading NoSQL document database: it stores data in flexible, JSON-like BSON documents for high performance and rapid iteration.

MongoDB operates as a source-available, cross-platform document database, a core component of the modern NoSQL movement. The system uses a flexible schema model: data is stored as BSON documents (Binary JSON), which allows developers to iterate quickly without rigid table structures. Engineered for scale, MongoDB supports native features like sharding for horizontal scaling and built-in replication for high availability across replica sets. The platform handles diverse, high-volume workloads: real-time analytics, content management, and mobile applications are common use cases. Deployment is streamlined via MongoDB Atlas, the fully managed cloud service available on AWS, Google Cloud, and Azure.

https://www.mongodb.com/

View projects
Tailwind CSS

Utility-first CSS framework: rapidly build modern UIs by composing low-level classes (e.g., `flex`, `pt-4`, `text-center`) directly in your HTML markup.

Tailwind CSS is a utility-first framework: it provides thousands of low-level classes (like `flex`, `pt-4`, and `bg-blue-500`) that map directly to single CSS properties, allowing developers to build complex, custom designs without writing custom CSS. This approach, unlike traditional component-based frameworks, ensures consistency across a project's design system and significantly accelerates development speed. The Just-In-Time (JIT) engine is key: it scans your code to generate only the necessary styles, resulting in an optimized, tiny production CSS bundle, which is a major performance advantage for any modern web application.

https://tailwindcss.com/

View projects

Related projects

Build Voice Assistant for under 20$

Seattle

This talk demonstrates building a personal, secure voice assistant using Next.js and Azure, capable of language learning, interview…

AI oncall engineer that actually works

Seattle

This talk demonstrates OncallNinja, an AI-powered oncall engineer that helps teams resolve software incidents efficiently, with insights from…

11.ai all the things

San Francisco

This talk demonstrates a voice-controlled AI home assistant using MCP and Cerebras for fast, accurate control of lights,…

Personal Voice Tutor for Teens: Bringing Safety, and Guarding

Seattle

Demonstrate building a safe personal voice tutor for teens, covering self‑help, exam prep, habit building, and controlling tone,…

Fixie / Voice

Seattle

Learn how Fixie Voice enables low‑latency, interactive voice conversations with LLMs, covering architecture, performance optimizations, practical lessons, and…

Elder Caregiving Companion

Seattle

How we built a caregiver app that uses OpenAI, Perplexity, and Pinecone to enhance queries and reliably connect…