Skip to content

the15developer/React-app-with-Lung-X-Ray-pneumonia-classifier-deep-learning-model

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI-Powered Web Application for COVID-19 & Pneumonia Detection

📌 Project Overview

This project is a web-based diagnostic system designed to automatically detect COVID-19 and pneumonia from chest X-ray images using deep learning models.

Users can log in to the platform, upload X-ray scans, and instantly view disease prediction results along with model confidence scores. The system also includes a real-time messaging feature that enables seamless communication between doctors and patients, making the experience interactive and accessible.

The ultimate goal of this project is to provide a fast, user-friendly, and AI-assisted healthcare evaluation platform.


Doctor & Patient Dashboards

Screenshot 2025-05-30 075959 Screenshot 2025-05-30 072823

Detection Module

Screenshot 2025-05-30 080105 Screenshot 2025-05-11 215516 Screenshot 2025-05-11 215533

Chat Module

Screenshot 2025-05-30 072723

Login Module

Screenshot 2025-05-11 215552

Deep Learning Models Accuracy Results and Confusion Matrixes

Screenshot 2025-05-30 070949 Screenshot 2025-05-30 070858

Features

  • 🩻 Automatic disease detection (COVID-19 & Pneumonia) via deep learning trained models
  • 👨‍⚕️🙋🏻‍♂️ Role-based access for doctors and patients
  • 📊 Dashboard with prediction history, health summaries, and tips
  • 💬 Real-time doctor-patient chat powered by Socket.IO, with audio and visual notifications
  • 🔐 Data security with bcrypt password hashing & JWT authentication
  • 🌐 Web-based interface accessible from any device

🧠 Deep Learning Models

  • Two dedicated models: one for COVID-19 and one for Pneumonia
  • Trained on chest X-ray datasets using Google Colab
  • Built with TensorFlow and transfer learning
  • Architectures: VGG16 and ResNet
  • Achieved 93–96% accuracy on validation sets
  • Integrated into Flask backend for real-time predictions

🏗️ Tech Stack

Frontend

  • React.js
  • HTML, CSS, JavaScript

Backend

  • Python (Flask)
  • MySQL Database
  • Socket.IO (real-time communication)

Deep Learning

  • TensorFlow
  • Transfer Learning (VGG16, ResNet)
  • Data preprocessing & augmentation

Security

  • bcrypt (password hashing)
  • JWT (JSON Web Token) authentication

📂 System Workflow

  1. User logs in (doctor or patient role).
  2. Patient uploads chest X-ray image.
  3. Backend runs AI models and returns prediction + confidence score.
  4. Doctors can view patient history, assign new predictions, and communicate directly.
  5. Patients can see past predictions in tables & charts and receive health tips.
  6. Doctor-patient chat enables real-time interaction.

📦 Materials & Tools

  • Chest X-ray datasets (COVID-QU-Ex, Pneumonia datasets)
  • TensorFlow library
  • Google Colab platform
  • VGG16 & ResNet architectures
  • Flask backend
  • MySQL database
  • Socket.IO (messaging)
  • React.js frontend

📑 Methods

  1. Data preprocessing & augmentation
  2. Transfer learning approach
  3. Model training & validation (COVID-19 & Pneumonia)
  4. Model integration into Flask backend
  5. Web application development (React + Flask)
  6. Real-time chat implementation
  7. Database design & management

🔒 Security Measures

  • Passwords are hashed with bcrypt before storage
  • Authentication handled via JWT tokens
  • Secure access control for different user roles
  • Confidentiality maintained for medical data

Conclusion

This project integrates deep learning, medical imaging, web technologies, real-time communication, and data security into a single system. It demonstrates how AI can support modern healthcare by providing fast and reliable diagnostic assistance while fostering patient-doctor interaction.

The platform represents a strong prototype for clinical use and an excellent example of interdisciplinary collaboration between software engineering, AI, and healthcare.


[TR]

COVID-19 ve Zatürre Tespiti için Yapay Zekâ Destekli Web Uygulaması

📌 Proje Özeti

Uygulama, Yapay Zekâ Derin Öğrenme modelleri ile göğüs röntgeni görüntülerinden COVID-19 ve zatürre tespiti yapabilen web tabanlı bir tanı sistemidir.

Kullanıcılar platforma giriş yaparak X-ray görüntülerini yükleyebilir, anında hastalık tahmin sonuçlarını ve modelin güven skorlarını görebilirler. Sistem ayrıca doktor-hasta arasında gerçek zamanlı mesajlaşma özelliği içerir, bu sayede deneyim daha etkileşimli ve erişilebilir hale gelir.

Projenin nihai hedefi, hızlı, kullanıcı dostu ve yapay zekâ destekli bir sağlık değerlendirme platformu sağlamaktır.

Özellikler

  • 🩻 Otomatik hastalık tespiti (COVID-19 & Zatürre) – eğitilmiş derin öğrenme modelleriyle
  • 👨‍⚕️🙋🏻‍♂️ Rol tabanlı erişim (doktorlar ve hastalar için)
  • 📊 Panel – tahmin geçmişi, sağlık özetleri ve öneriler
  • 💬 Gerçek zamanlı doktor-hasta sohbeti (Socket.IO tabanlı, sesli ve görsel bildirimlerle)
  • 🔐 Veri güvenliği – bcrypt ile şifre karma ve JWT tabanlı kimlik doğrulama
  • 🌐 Web tabanlı arayüz – her cihazdan erişilebilir

🧠 Derin Öğrenme Modelleri

  • İki özel model: biri COVID-19, diğeri Zatürre için
  • Göğüs röntgeni veri setleriyle Google Colab üzerinde eğitildi
  • TensorFlow ve transfer learning tabanlı
  • Kullanılan mimariler: VGG16 ve ResNet
  • Doğrulama setlerinde %93–96 doğruluk elde edildi
  • Flask backend’e entegre edilerek gerçek zamanlı tahmin sağlandı

🏗️ Teknoloji Yığını

Frontend

  • React.js
  • HTML, CSS, JavaScript

Backend

  • Python (Flask)
  • MySQL Veritabanı
  • Socket.IO (gerçek zamanlı iletişim)

Derin Öğrenme

  • TensorFlow
  • Transfer Learning (VGG16, ResNet)
  • Veri ön işleme & artırma

Güvenlik

  • bcrypt (şifre karma)
  • JWT (JSON Web Token) kimlik doğrulama

📂 Sistem İş Akışı

  1. Kullanıcı giriş yapar (doktor veya hasta rolüyle).
  2. Hasta, göğüs röntgenini yükler.
  3. Backend, yapay zekâ modellerini çalıştırır ve tahmin + güven skoru döner.
  4. Doktorlar, hasta geçmişini görebilir, yeni tahminler atayabilir ve doğrudan iletişim kurabilir.
  5. Hastalar, geçmiş tahminlerini tablo & grafikler üzerinden görebilir ve sağlık önerileri alabilir.
  6. Doktor-hasta sohbeti gerçek zamanlı etkileşim sağlar.

📦 Kullanılan Materyaller & Araçlar

  • Göğüs röntgeni veri setleri (COVID-QU-Ex, Pneumonia datasets)
  • TensorFlow kütüphanesi
  • Google Colab platformu
  • VGG16 & ResNet mimarileri
  • Flask backend
  • MySQL veritabanı
  • Socket.IO (mesajlaşma)
  • React.js frontend

📑 Yöntemler

  1. Veri ön işleme & artırma
  2. Transfer learning yaklaşımı
  3. Model eğitimi & doğrulaması (COVID-19 & Zatürre)
  4. Modellerin Flask backend’e entegrasyonu
  5. Web uygulaması geliştirme (React + Flask)
  6. Gerçek zamanlı sohbet entegrasyonu
  7. Veritabanı tasarımı & yönetimi

🔒 Güvenlik Önlemleri

  • Şifreler bcrypt ile karma yapıldıktan sonra saklanır
  • Kimlik doğrulama JWT token ile yapılır
  • Farklı kullanıcı rollerine göre güvenli erişim kontrolü sağlanır
  • Tıbbi verilerin gizliliği korunur

🎯 Sonuç

Proje, derin öğrenme, tıbbi görüntüleme, web teknolojileri, gerçek zamanlı iletişim ve veri güvenliğini tek bir sistemde birleştirmektedir.

Yapay zekânın modern sağlık hizmetlerini nasıl destekleyebileceğini; hızlı, güvenilir ve etkileşimli tanı desteği sunarak göstermektedir.

Platform, klinik kullanım için güçlü bir prototip olmasının yanı sıra, yazılım mühendisliği, yapay zekâ ve sağlık alanları arasındaki disiplinler arası iş birliğine örnek teşkil etmektedir.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors