An educational web application for medical students and healthcare professionals to learn about lung auscultation, breath sounds, and their clinical significance.
Visit the live demo: Lung Auscultation Demo
This interactive educational tool was developed by students of State Ghazipur Homoeopathic Medical College & Hospital to help medical students and practitioners learn about normal and abnormal breath sounds. The application provides a virtual environment for exploring different lung regions, listening to authentic breath sounds, and understanding their clinical significance.
- Interactive Lung Visualization: Click on different regions of the lungs to hear corresponding breath sounds
- Comprehensive Sound Library: Collection of normal and abnormal breath sounds including:
- Normal vesicular breath sounds
- Bronchial and broncho-vesicular sounds
- Abnormal sounds: wheezes, crackles, rhonchi, stridor, pleural rubs
- Educational Content: In-depth explanations about auscultation technique, respiratory anatomy, and clinical significance
- Sound Comparison Tool: Compare normal vs. abnormal sounds to better understand differences
- Mobile Responsive Design: Learn on any device
- Next.js 15: React framework for server-rendered applications
- React: Frontend UI library
- Tailwind CSS: Utility-first CSS framework for styling
- Web Audio API: For high-quality sound processing and playback
- TypeScript: Type-safe JavaScript for better code quality
- Clone the repository:
git clone https://github.com/Shubhshackyard/lung-auscultation-demo.git cd lung-auscultation-demo
- Install dependencies:
npm install
- Add audio files: Create a /public/audio/ directory Add the required sound files:
- normal-breath.mp3
- bronchial.mp3
- broncho-vesicular.mp3
- wheezing.mp3
- crackles.mp3
- rhonchi.mp3
- stridor.mp3
- pleural-rub.mp3
-
Start the development server: npm run dev
-
Open http://localhost:3000 in your browser
lung-auscultation-demo/ ├── public/ │ ├── audio/ # Breath sound recordings │ └── images/ # Static images ├── src/ │ ├── app/ # Next.js app router pages │ ├── components/ # Reusable components │ │ ├── AudioPlayer.tsx │ │ ├── Hero.tsx │ │ └── LungVisualizer.tsx │ └── data/ # Data files for the application └── ...config files
- Home Page: Explore the interactive lung visualization or browse the sound library
- Interactive Map: Click on different parts of the lungs to hear corresponding sounds
- Sound Library: Listen to categorized breath sounds with descriptions
- Education Page: Access in-depth information about auscultation techniques and clinical significance
Dr. Sunrita Das (Assistant Professor) Dr. Dharmesh Gujarati (Assistant Professor) Dr. R.R. Mishra (Guest Lecturer)
Mr. Imran Qamar Khan Ms. Kritika Dwivedi Mr. Mahendra Pratap Singh Ms. Sadhana Kushwaha Ms. Satakshi Srivastava Ms. Shreya Sonker
This project is licensed under the MIT License - see the LICENSE file for details.