index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Joshua Sebastian — Data Scientist</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    body { font-family: 'Inter', sans-serif; }
    html { scroll-behavior: smooth; }
  </style>
</head>
<body class="bg-white text-gray-900 antialiased">

  <!-- Nav -->
  <nav class="sticky top-0 z-50 bg-white border-b border-gray-100">
    <div class="max-w-4xl mx-auto px-6 h-14 flex items-center justify-between">
      <span class="font-semibold tracking-tight">Joshua Sebastian</span>
      <div class="hidden sm:flex gap-6 text-sm text-gray-500">
        <a href="#projects" class="hover:text-gray-900 transition-colors">Projects</a>
        <a href="#publications" class="hover:text-gray-900 transition-colors">Publications</a>
        <a href="#experience" class="hover:text-gray-900 transition-colors">Experience</a>
        <a href="#skills" class="hover:text-gray-900 transition-colors">Skills</a>
      </div>
    </div>
  </nav>

  <!-- Hero -->
  <section class="max-w-4xl mx-auto px-6 pt-20 pb-16">
    <h1 class="text-4xl font-bold tracking-tight mb-2">Joshua Sebastian</h1>
    <p class="text-xl text-gray-500 mb-6">Data Scientist · ML Researcher · New Grad 2026</p>
    <p class="text-gray-600 leading-relaxed max-w-2xl mb-8">
      Published ML researcher with end-to-end production pipeline experience. Co-authored work accepted at IEEE ICHI benchmarking emergency triage prediction on 364K+ patient records, improving accuracy from 20–30% to 70–80% with BERT embeddings and systematic ablation. Awarded Best BS-Led Research at UMBC CSEE Research Day 2026.
    </p>
    <div class="flex flex-wrap gap-3 text-sm">
      <a href="mailto:joshuabsebastian@gmail.com"
         class="inline-flex items-center gap-2 px-4 py-2 border border-gray-200 rounded-md hover:border-gray-400 transition-colors">
        Email
      </a>
      <a href="https://github.com/joshb-code" target="_blank" rel="noopener"
         class="inline-flex items-center gap-2 px-4 py-2 border border-gray-200 rounded-md hover:border-gray-400 transition-colors">
        GitHub
      </a>
      <a href="https://www.linkedin.com/in/joshua-sebastian-b86a4527a/" target="_blank" rel="noopener"
         class="inline-flex items-center gap-2 px-4 py-2 border border-gray-200 rounded-md hover:border-gray-400 transition-colors">
        LinkedIn
      </a>
      <a href="https://arxiv.org/abs/2602.20168" target="_blank" rel="noopener"
         class="inline-flex items-center gap-2 px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-700 transition-colors">
        arXiv Paper →
      </a>
    </div>
  </section>

  <!-- Projects -->
  <section id="projects" class="bg-gray-50 py-16">
    <div class="max-w-4xl mx-auto px-6">
      <h2 class="text-xs font-semibold uppercase tracking-widest text-gray-400 mb-8">Projects</h2>
      <div class="grid gap-6 md:grid-cols-2">

        <div class="bg-white rounded-lg border border-gray-100 p-6">
          <div class="flex items-start justify-between mb-3">
            <h3 class="font-semibold">Clinical AI Triage Prediction</h3>
            <span class="text-xs text-gray-400 whitespace-nowrap ml-4">Nov 2024–Present</span>
          </div>
          <p class="text-sm text-gray-600 leading-relaxed mb-4">
            End-to-end emergency triage prediction on MIMIC-IV (364K+ patients, 546K+ hospitalizations).
            Benchmarked 5 architectures with systematic ablation, identified and removed target leakage and
            selection bias, and published results at IEEE ICHI.
          </p>
          <div class="flex flex-wrap gap-2">
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">PyTorch</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">XGBoost</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">LightGBM</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">BERT</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">SHAP / LIME</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">MLflow</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">SLURM / HPC</span>
          </div>
        </div>

        <div class="bg-white rounded-lg border border-gray-100 p-6">
          <div class="flex items-start justify-between mb-3">
            <h3 class="font-semibold">Health Misinformation Detector</h3>
            <span class="text-xs text-gray-400 whitespace-nowrap ml-4">Jan 2025–Present</span>
          </div>
          <p class="text-sm text-gray-600 leading-relaxed mb-4">
            Production ML pipeline classifying Reddit nutrition misinformation across 2,253 posts and 6
            subreddits. LLM-based labeling (Mistral via Ollama, 98.6% coverage), TF-IDF and BERT classifiers,
            FastAPI deployment, and Airflow-orchestrated drift monitoring.
          </p>
          <div class="flex flex-wrap gap-2">
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Python</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">PostgreSQL</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Docker</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">FastAPI</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">MLflow</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Airflow</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Mistral LLM</span>
          </div>
        </div>

        <div class="bg-white rounded-lg border border-gray-100 p-6">
          <div class="flex items-start justify-between mb-3">
            <h3 class="font-semibold">Retriever Essential Inventory App</h3>
            <span class="text-xs text-gray-400 whitespace-nowrap ml-4">Jan–Mar 2025</span>
          </div>
          <p class="text-sm text-gray-600 leading-relaxed mb-4">
            Led a 4-person capstone team building a real-time inventory system for UMBC's campus food pantry
            (1,000+ students). Acted as Scrum Manager and technical lead across the full delivery cycle.
          </p>
          <div class="flex flex-wrap gap-2">
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">React</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Node.js</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">MySQL</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">REST API</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">CI/CD</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Agile / SCRUM</span>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- Publications -->
  <section id="publications" class="py-16">
    <div class="max-w-4xl mx-auto px-6">
      <h2 class="text-xs font-semibold uppercase tracking-widest text-gray-400 mb-8">Publications</h2>
      <div class="border-l-2 border-gray-200 pl-6">
        <p class="text-sm text-gray-600 leading-relaxed mb-3">
          K.M.A. Solaiman, <strong>J. Sebastian</strong>, and K. Tobden,
          "Benchmarking Early Deterioration Prediction Across Hospital-Rich and MCI-Like Emergency Triage
          Under Constrained Sensing," <em>accepted at IEEE ICHI</em>, Feb. 2026.
        </p>
        <a href="https://arxiv.org/abs/2602.20168" target="_blank" rel="noopener"
           class="text-sm text-gray-900 underline underline-offset-2 hover:text-gray-500 transition-colors">
          arXiv:2602.20168 →
        </a>
      </div>
    </div>
  </section>

  <!-- Experience -->
  <section id="experience" class="bg-gray-50 py-16">
    <div class="max-w-4xl mx-auto px-6">
      <h2 class="text-xs font-semibold uppercase tracking-widest text-gray-400 mb-8">Experience</h2>
      <div class="space-y-10">

        <div>
          <div class="flex items-start justify-between mb-1">
            <div>
              <h3 class="font-semibold">Research Assistant, Clinical AI / Triage Prediction</h3>
              <p class="text-sm text-gray-500">UMBC — Baltimore, MD</p>
            </div>
            <span class="text-sm text-gray-400 whitespace-nowrap ml-4">Nov 2024–Present</span>
          </div>
          <ul class="mt-3 space-y-2 text-sm text-gray-600">
            <li class="flex gap-2">
              <span class="text-gray-300 mt-0.5 shrink-0">—</span>
              <span>Built AI triage models on MIMIC-IV (364K+ patients), improving accuracy from 20–30% to 70–80% using BERT embeddings and LLM-guided feature extraction</span>
            </li>
            <li class="flex gap-2">
              <span class="text-gray-300 mt-0.5 shrink-0">—</span>
              <span>Benchmarked XGBoost, LightGBM, TabNet, Random Forest, and SGD with systematic ablation; identified respiratory rate as the most critical single predictor</span>
            </li>
            <li class="flex gap-2">
              <span class="text-gray-300 mt-0.5 shrink-0">—</span>
              <span>Audited pipeline for data integrity: discovered NEWS score target leakage and ICU selection bias; corrected both before final modeling</span>
            </li>
            <li class="flex gap-2">
              <span class="text-gray-300 mt-0.5 shrink-0">—</span>
              <span>Managed codebase on UMBC CHIP GPU cluster via SLURM job scheduling, conda (PyTorch + CUDA), and Git</span>
            </li>
          </ul>
        </div>

      </div>
    </div>
  </section>

  <!-- Skills -->
  <section id="skills" class="py-16">
    <div class="max-w-4xl mx-auto px-6">
      <h2 class="text-xs font-semibold uppercase tracking-widest text-gray-400 mb-8">Skills</h2>
      <div class="grid gap-8 md:grid-cols-2">

        <div>
          <h3 class="text-sm font-medium text-gray-700 mb-3">ML / AI</h3>
          <div class="flex flex-wrap gap-2">
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">PyTorch</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Scikit-learn</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">XGBoost</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">LightGBM</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">TabNet</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">BERT / Hugging Face</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">SHAP</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">LIME</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">NLP</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Feature Engineering</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Ablation Studies</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Explainable AI</span>
          </div>
        </div>

        <div>
          <h3 class="text-sm font-medium text-gray-700 mb-3">Data & Infrastructure</h3>
          <div class="flex flex-wrap gap-2">
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Python</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">SQL / PostgreSQL</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Pandas / NumPy</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Docker</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">MLflow</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">FastAPI</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Airflow</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">SLURM / HPC</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Git</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">React</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">Node.js</span>
            <span class="text-xs px-2 py-1 bg-gray-100 rounded">CI/CD</span>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- Education -->
  <section class="bg-gray-50 py-16">
    <div class="max-w-4xl mx-auto px-6">
      <h2 class="text-xs font-semibold uppercase tracking-widest text-gray-400 mb-8">Education</h2>
      <div class="flex flex-wrap items-start justify-between gap-2">
        <div>
          <h3 class="font-semibold">University of Maryland Baltimore County</h3>
          <p class="text-sm text-gray-500 mt-0.5">B.S. Computer Science · GPA 3.4</p>
          <p class="text-sm text-gray-500 mt-1">Best BS-Led Research Award, CSEE Research Day — April 2026</p>
        </div>
        <span class="text-sm text-gray-400">Graduating May 2026</span>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="py-10 border-t border-gray-100">
    <div class="max-w-4xl mx-auto px-6 flex flex-wrap items-center justify-between gap-4 text-sm text-gray-400">
      <span>Joshua Sebastian · Baltimore, MD</span>
      <div class="flex flex-wrap gap-6">
        <a href="mailto:joshuabsebastian@gmail.com"
           class="hover:text-gray-600 transition-colors">joshuabsebastian@gmail.com</a>
        <a href="https://github.com/joshb-code" target="_blank" rel="noopener"
           class="hover:text-gray-600 transition-colors">GitHub</a>
        <a href="https://www.linkedin.com/in/joshua-sebastian-b86a4527a/" target="_blank" rel="noopener"
           class="hover:text-gray-600 transition-colors">LinkedIn</a>
      </div>
    </div>
  </footer>

</body>
</html>