NPDFS Calculator
A focused clinical web app that stratifies diabetic foot ulcer risk using a four-parameter scoring model, giving clinicians a fast, structured way to decide on next steps.
A stronger hero that frames this project like a real case study instead of a plain information page.
Impact
Overview
The NPDFS Calculator evaluates diabetic foot ulcer severity across four clinical dimensions — structural/sensory issues, wound characteristics, infection status, and vascular perfusion — and turns that into a clear risk score.
The goal was to make a standardized scoring system fast and approachable to use, so a clinician can move from patient assessment to a recommended care pathway in a few clicks instead of manual scoring.
Problem
Diabetic foot risk stratification typically relies on manual scoring against printed criteria, which is slow and easy to get inconsistent under time pressure.
The tool needed to turn a structured but manual clinical scoring system into something usable at the point of care, without becoming a replacement for clinical judgment.
Key Features
- Four-parameter scoring system covering structural, wound, infection, and vascular factors
- Automated classification into low, moderate, or high risk tiers
- Actionable output such as outpatient reassessment, urgent referral with imaging, or emergency admission
- Component-based UI with individual parameter cards and clear result displays
- Explicit framing as clinical decision support, not a replacement for professional judgment
Timeline
Translated the NPDFS clinical scoring criteria into a structured four-parameter model.
Built the logic mapping combined scores to low/moderate/high risk tiers and recommended actions.
Implemented parameter cards, result displays, and progress indicators with Next.js and TypeScript.
Deployed the tool to Vercel as a usable clinical reference demo.
User Workflow
- A clinician selects the relevant values across the four assessment dimensions using structured parameter cards.
- The app computes a combined score out of a maximum of 11-12 points as the inputs are selected.
- The result view maps the score to a risk tier and displays the corresponding recommended next step.
Architecture
- Next.js and TypeScript structure the app and keep the scoring logic type-safe and predictable.
- Tailwind CSS handles the layout for parameter cards, progress indicators, and result displays.
- The scoring and classification logic is implemented as a small, testable rules engine separate from the UI layer.
Technical Focus
- Translated a real clinical scoring rubric into clean, typed application logic.
- Built a component-based UI that makes a multi-parameter assessment feel quick rather than form-heavy.
- Kept the tool clearly scoped as decision support, including explicit clinical disclaimers in the UI.
Challenges Solved
- Accurately encoding clinical scoring criteria into application logic without misrepresenting edge cases.
- Presenting a four-dimensional assessment in a UI that stays fast to use in a clinical setting.
- Communicating risk output clearly while keeping the tool honest about its limits as decision support.
Deployment
- The tool is deployed on Vercel as a live, publicly accessible demo.
Outcome
The NPDFS Calculator shows I can take a domain-specific, real-world scoring system from a clinical field outside typical web development and turn it into a clean, usable tool — a natural complement to the healthcare focus of my graduation project.