BoardBuddy Streaming Overlay & AI Tutor
Medical study stream overlay and interactive chatbot platform featuring Pomodoro timers, tomato garden gamification, and an AI-powered ChatGPT-4 medical tutor.
BoardBuddy - Medical Study Stream Platform
BoardBuddy is a comprehensive streaming overlay and chatbot system designed specifically for medical study streams on platforms like Twitch and YouTube. It combines Pomodoro timers, shared and personal task management, interactive gamification elements (an animated tomato garden), study streak tracking, and an AI-powered medical tutor to create an engaging and cooperative learning environment for medical students worldwide.
Live on Twitch: Twitch.tv/blakeoncall
Key Core Features
๐ฎ Dynamic Stream Overlays
- Pomodoro Timer: Work and break tracking with real-time visual overlays synced across the stream.
- Tomato Garden (Gamification): A visual panel showing the top 10 leaderboard of viewers ranked by โtomatoes earnedโ (1 tomato is awarded per completed Pomodoro session). The panel features custom-designed SVG growth stages where plants grow dynamically from seeds to ripe tomatoes through 21 distinct animation stages.
- Break Garden: Tracks viewer engagement during break sessions with 15 stages of growth animations.
- Community & Personal Task Panels: Separate overlays separating the hostโs current task checklist from the shared viewer task checklist, keeping everyone aligned.
- debt Progress Bar: A visual bar showing transparent donation progress toward a $60k medical school debt goal, triggering custom sparkle animations upon new contributions.
- Interactive World Map: A command-triggered visual map overlay that plots viewer locations with pulsing geolocation pins, highlighting the global reach of the study group.
๐ค Twitch & YouTube Chat Bots
- Task Controls: Viewers manage their tasks in real-time using chatbot commands:
!task [description],!done, and!now. - Engagement Stats: Stream participants can query their individual statistics with
!statsand check their daily streaks using!streak. - Streak Tracking: Encourages daily engagement by tracking consecutive study days. Active chat participants earn progressive fire emojis: ๐ฅ โ ๐ฅ๐ฅ โ ๐ฅ๐ฅ๐ฅ.
๐ AI Medical Tutor (IvyTutor)
Integrated directly into the streaming chatbot ecosystem, IvyTutor (powered by OpenAIโs GPT-4 API) serves as a dedicated USMLE Step 1 medical tutor.
- Mechanisms-Focused Q&A: Responds to complex medical queries (
!ivytutor [question]) in chat. - High-Yield Explanations: Specially prompted to deliver highly concise, mechanism-based medical answers (2-4 sentences max) suited for fast-paced streams.
- Medical Study Overlay: Generates anatomical diagrams and reference visuals using Pollinations.AI in parallel to accompany student study materials.
Technical Architecture
BoardBuddy uses a modern, lightweight, and highly reactive stack to ensure near-zero latency overlays:
โโโโโโโโโโโโโโโโโโโโโโโโโ
โ Twitch / YouTube โ
โโโโโโโโโโโโโฌโโโโโโโโโโโโ
โ Chat Commands
โผ
โโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ
โ โโโโโโค TMI.js Bot โโโโโบโ OpenAI API โ
โ Supabase โ โ (Node.js Server) โ โ (IvyTutor AI) โ
โ (Realtime โ โโโโโโโโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโโโโโ
โ Database) โ โ
โ โ โ Syncs State
โโโโโโโโฌโโโโโโโโ โผ
โ โโโโโโโโโโโโโโโโโโโโโ
โโโโโโโโโโโโโบโ Streaming Overlay โ
Realtime Pushโ (HTML5/CSS3/SVG) โ
โโโโโโโโโโโโโโโโโโโโโ
- Frontend Overlays: Built with pure Vanilla JS, CSS3 transitions, and SVGs, ensuring clean layouts and high performance during live rendering.
- Backend Services: A Node.js Express server manages static resources, Twitch API/TMI.js connections, and YouTube Live Chat API interactions.
- Real-time Synchronization: Configured with Supabase PostgreSQL and Realtime Subscriptions to instantly broadcast timer states, tomato counts, locations, and tasks from Twitch chat to the OBS overlay window.
- Image Automation: An image pipeline written in Python utilizing PIL and DuckDuckGo search queries automates the retrieval and processing of medical reference pictures.