Step-by-step directions inside large hospitals
Intermediate16h2–3
Next.jsGraph searchQR codes
17/20Blood Donor Matcher
Find nearby compatible donors quickly when blood is needed.
Intermediate14h2–3 people17/20 fit
Build Blood Donor Matcher for hospitals and donor communities in ~14h with 2–3 people. Stack: Next.js + Postgres + Leaflet.
Why it wins: Life-saving use case with a simple flow.
Build flow
01 · Problem
Families scramble through social media to find donors in emergencies.
02 · Solution
Donors register blood group and availability, requests are matched by compatibility and distance, and donors respond with one tap.
03 · Build
- 1Build donor registry
- 2Encode compatibility
- 3Match by distance
- 4Notify
04 · Demo
Raise a request and show compatible donors notified.
MVP checklist
- Compatibility matching
- Distance ranking
- One-tap response
- Donation cooldown
Tech stack
| Tech | Role | |
|---|---|---|
| Next.js | Frontend + API routes | Web |
| Postgres | Relational database | Data |
| Leaflet | Interactive maps | UI |
Reference repos
Open-source projects you can build on. Links checked 2026-10-31.
Related ideas
More HealthSocial Good
Community Water Quality Map
Map water test results and complaints by neighbourhood
Intermediate14h2–3LeafletNext.jsPostgres17/20Step-by-step spoken first-aid instructions that work without internet
Intermediate16h1–2VoskReact NativeTTS17/20