๐Ÿง  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

Built With

Share this project:

Updates