Pocket O&G
Clinical reference tool for O&G, built for the ward.
Tired of hunting through PDFs mid-clerking — wanted fast, searchable access to guidelines on my phone.
What it is
Pocket O&G is a mobile-first web app that puts O&G trust guidelines in your pocket, so the right protocol is a search away instead of buried somewhere in a shared drive.
It is built for ward use: searchable, filterable, and designed to surface the answer quickly when the stakes are high and the patient is waiting.
What I built
A lightweight clinical reference tool that behaves more like a search engine than a filing cabinet.
- Full-text search with medical synonym expansion, so searching "clot" can still surface VTE guidance
- Condition filter pills to narrow results fast on mobile
- Interactive step-through flowcharts for pathways like DKA in pregnancy, VTE risk assessment, ICP delivery timing, and IOL
- Source-PDF links on every guideline so the original document is always one tap away
- Guideline cards that show the number, version, and date at a glance
Why I built it
On the ward, looking up a protocol usually means finding the right PDF, opening it, and then ctrl-F-ing through it while trying not to lose the thread of the clinical encounter.
I wanted something that felt built for the moment you actually need it: fast, mobile, searchable, and much closer to the way we instinctively look for information now.
Stack
React, Vite, and Tailwind CSS, deployed on Vercel.
There is no backend. The search logic, including synonym expansion, runs entirely client-side, which keeps the app lightweight and quick to load on a phone.
What I learned
This project taught me how to build a lightweight client-side search engine with synonym expansion rather than relying on a backend search service to do the heavy lifting.
More importantly, designing for clinical use forced me to think hard about information hierarchy. In this kind of tool, a missed result or a confusing pathway is not just bad UX — it can matter to patient care.