BT

Ivy Med

Medical education and preparation resources for USMLE Step 1 and clinical board preparations.

Astro React AI Integration Tailwind CSS
Live Demo
Screenshot of Ivy Med

Ivy Med

Ivy Med is a premium medical education platform designed to assist medical students in mastering complex concepts and passing high-stakes board examinations like the USMLE Step 1.

The Problem

Preparing for medical licensing examinations requires mastering massive, interconnected catalogs of medical facts, clinical vignettes, pharmacology details, and anatomical mechanisms. Traditional resources:

  1. Offer rigid practice interfaces that do not adapt to individual weaknesses.
  2. Separate diagnostic practice questions (Q-Banks) from explanatory texts, forcing students to flip back and forth.
  3. Lack interactive concept mapping to connect preclinical subjects (like biochemistry) to clinical presentations (like pathology).

The Solution: High-Yield Interactive Learning Portal

Ivy Med acts as an all-in-one educational hub:

  • Board-Style Diagnostic Quizzes: High-performance quiz layers that replicate real USMLE Step 1 testing configurations.
  • Unified Concept Mapping: Explanatory cards that reveal biochemical, anatomical, and pharmacological connections dynamically.
  • Embedded AI Assistance: Contextual “Ask IvyTutor” options that immediately parse incorrect quiz answers and output short, clinical mechanism explanations.
  • Fast Static Delivery: Built to load content instantaneously, keeping study flows uninterrupted.

Technical Architecture

Ivy Med is designed for maximum speed and interactive flexibility using a modern hybrid layout:

┌────────────────────────────────────────────────────────┐
│                   Astro Router Page                    │
├────────────────────────────────────────────────────────┤
│  Pre-renders static markdown & study material (Fast)  │
│                                                        │
│  ┌──────────────────────────────────────────────────┐  │
│  │ Interactive React Island (Quizzes & Widgets)     │  │
│  │ - Manages quiz state, timing, and selections     │  │
│  │ - Relays API queries to OpenAI for instant help  │  │
│  └──────────────────────────────────────────────────┘  │
└────────────────────────────────────────────────────────┘

🛠️ Stack & Architecture

  • Astro Island Architecture: Renders all textbook chapters and notes statically on the server (zero client-side JavaScript load), while hydrating only the active quiz widget with React.
  • Tailwind CSS Utility Design: Standardized design styling optimized for readability under prolonged study sessions, featuring soft dark mode overrides.
  • React Hooks & State: Drives multi-step forms, quiz scores, and timed exam modes client-side.
Back to all projects