Healthcare Web App & PWA
● Active & Maintained
2024 - Present

RaktaBandhu

India's voluntary blood donor discovery network connecting emergencies in minutes.

Visit Live Site↗
Role: Creator & Full-Stack Developer
RaktaBandhu Preview

Key Metrics & Impact

Highlight 1

Real-time location matching engine

Highlight 2

Push notifications for emergency donor requests

Highlight 3

Zero-middleman direct donor connect

Highlight 4

Native-feel Progressive Web App (PWA)

⚠ The Problem

Pain Point & Friction

During critical hospital emergencies, families face severe blood bank shortages. Finding compatible donors typically requires manual calling through dozens of contacts, where 90%+ are ineligible or unavailable, costing crucial hours.

✓ The Solution

Engineered Approach

Engineered a high-performance Next.js web application with Cloudflare R2 asset storage and PWA support for a native mobile app feel. Donors toggle active availability with one tap. Patients filter verified donors by blood group and proximity, triggering instant alerts to eligible donors.

⚡ Core Features

  • ✓Real-time location and blood group matching engine
  • ✓Instant push notifications for urgent blood requests
  • ✓Blood compatibility matrix and availability calculator
  • ✓Donor availability toggle (preserves privacy when traveling/recently donated)
  • ✓Installable Progressive Web App (PWA) with native mobile app feel

⚙ Architecture & Engineering

  • →Next.js App Router for server-rendered SEO and instant edge delivery
  • →Cloudflare R2 for scalable, zero-egress asset and document storage
  • →TailwindCSS with responsive dark/light theme support
  • →Strict consent agreement and medical privacy compliance architecture

Technologies & Infrastructure

Next.js
React
TypeScript
Cloudflare R2
TailwindCSS
PWA