An interactive web application that illustrates various surgical approaches with visual diagrams, anatomical landmarks, and detailed procedural information.

• Interactive surgical approach diagrams
• Detailed anatomical information
• Step-by-step procedural guidance
• Multiple surgical specialties covered
• Responsive design for desktop and mobile

├── backend/
│   ├── index.ts             # Main Hono server
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database queries
│   └── routes/
│       └── api.ts           # API endpoints
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # React app entry point
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── ApproachViewer.tsx
│   │   ├── AnatomyDiagram.tsx
│   │   └── ApproachList.tsx
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

The app provides an intuitive interface to explore surgical approaches:

1. Browse approaches by specialty or body region
2. View detailed anatomical diagrams
3. Follow step-by-step procedural guidance
4. Access key anatomical landmarks and considerations

• Backend: Hono framework with SQLite database
• Frontend: React with TypeScript
• Styling: TailwindCSS
• Database: SQLite for storing approach data