This project sprung out of research my wife is doing for her doctoral degree program.
She came across some related medical calculators on the MDCalc.com website related to her research. Please visit (and use) the original calculators on MDCalc if you are interested in the medical content. This project is not intended to replace or compete with MDCalc in any way. It is simply a practice project for me to work on some technical skills.
- Original Bleeding Risk Calculator by Dr. Hervé Décousus
- Original VTE Calculator by Dr. Alex C. Spyropoulos
Since these are all frontend calculators I saw this as an opportunity to explore a couple of technical things I've wanted to work with a bit to become more familiar with them.
I initially did a pure "Vibe Coded" implementation of the VTE calculator using Github Co-pilot over in a different repository. See that repository for more information.
I was very dissatisfied with how badly the code looked and could see how awful it would be to maintain or modify. I also wanted to spend a little time practicing some React with Typescript so decided to use traditional development for the "Bleeding Risk" calculator.
After completing that calculator I decided to refactor it to support multiple calculators and re-created the VTE Calculator here. This let me lean into making the React components more generic and reusable, which was one of the goals of this practice project.
Running this project is pretty easy / straightforward. It was bootstrapped using Vite so all you really need to do is:
npm installnpm run devto run it in local modenpm run buildto create a production build