๐ง Inspiration
Textbooks are dense, outdated, and hard to engage with โ especially for something as visual as human anatomy. We wanted to make studying biology actually make sense for med students.
๐ก What it does
BioNote lets you explore 3D anatomical models, draw directly on them, chat with an AI tutor, and turn your notes into Anki flashcards โ all in one workspace. Itโs like if your iPad and med school had a baby.
๐ง How we built it
We used Sketchfab for the 3D models (embedded via iframe), added a canvas overlay for pen tools and screenshots, and layered in a chat interface with spaced repetition and auto flashcard generation.
๐ง Challenges
- Selecting specific regions under multiple model layers was tough (iframe + canvas coordination = pain ๐ )
- Fetch.aiโs Agentverse didnโt play well with multi-turn conversations
- Screenshotting while preserving annotations + context was surprisingly complex
โ Accomplishments
- Built a clean, immersive 3D note-taking setup โ basically replicated an iPad experience
- Made complex AI prompts dead simple for users (click, snapshot, done)
- Streamlined the flow from visual > notes > memory
๐ What we learned
- How to use iframes way beyond just embeds โ think multi-purpose tools
- Managing canvas layering and state across multiple UI elements
- Designing for both clarity and utility in a tight UI
๐ฎ Whatโs next
- Full-body anatomical models
- Depth-aware visualization (not just surface level)
- Smarter AI feedback based on what part youโre studying

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