Danny AI: Your Educational Voice Assistant
Danny is an AI-powered voice assistant specifically designed for educational support. Built by Daniel Larry with React, TypeScript, and modern web APIs, Danny AI provides an interactive learning experience through voice conversations.
Accessibility Features
- Voice Recognition: Real-time speech-to-text using Web Speech API
- AI-Powered Responses: Educational Q&A powered by Google Gemini 1.5 Flash
- Text-to-Speech: Natural voice responses with word-by-word highlighting
- Visual Feedback: Dynamic orb that reflects Danny's current state
- Auto-Introduction: Danny introduces himself when the app loads
- Conversation History: Track your learning conversations
- Error Handling: Graceful handling of speech recognition and API errors
Setup Instructions
1. Install Dependencies
npm install
2. Environment Setup
Create a .env.local file in the root directory and add your Gemini API key:
VITE_GEMINI_API_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
3. Run the Development Server
npm run dev
The application will be available at http://localhost:8080
Browser Requirements
Danny requires a modern browser with Web Speech API support:
- Chrome (recommended)
- Edge
- Safari (limited support)
- Firefox (limited support)
Note: For the best experience, use Chrome or Edge as they have the most complete Web Speech API implementation.
How to Use
- Auto-Introduction: Danny will introduce himself when you first load the page
- Click to Speak: Press the blue "Click to Speak" button to start a conversation