bplog.io is a web application that helps users quickly record blood pressure readings, analyze trends through interactive charts, and generate printable or shareable reports for doctors. The application is designed to be fast, simple, and practical for everyday use, both on mobile devices and desktop computers.
This repository contains frontend code only. Backend services and infrastructure are not included.
The Blood Pressure Diary web application (bplog.io) allows users to log blood pressure readings with minimal effort, visualize their data across different time ranges, and automatically generate standard medical diaries.
Data entry is optimized for speed and simplicity, typically taking no more than 8 seconds (about eight taps on a phone or seven keystrokes on a computer). The application provides comprehensive visualizations, including multiple charts and diagrams, to help users understand trends and patterns in their blood pressure over time.
Additionally, bplog.io supports automatic diary generation, producing standard morning and evening logs that are commonly requested by doctors when monitoring or diagnosing cardiovascular conditions.
The application is built using a modern React ecosystem:
-
React – Core UI library
-
Vite – Fast development and build tooling
-
React Router – Client-side routing
-
TanStack Query – Server state management and caching
-
ECharts – Interactive and performant data visualizations
-
pdfmake – Client-side PDF generation
-
react-qr-code – QR code rendering
-
react-i18next – Internationalization and localization
-
Remark – Markdown parsing and transformation
-
Remark plugins
- Public/community plugins
- Custom plugins written specifically for this project to extend Markdown semantics and generate structured documentation
-
Modern frontend architecture
- Fast builds with Vite
- Clear separation of concerns
- Scalable routing and data-fetching patterns
-
Data visualization
- Interactive charts powered by ECharts
- Tight integration between documentation and visual data
-
PDF export
- Generate high-quality PDFs directly in the browser using pdfmake
-
Internationalization
- Built-in multi-language support via react-i18next
-
Markdown-driven documentation
- Markdown is parsed and transformed into rich, structured content rather than static HTML
- Custom Remark plugins enable domain-specific extensions and advanced layouts
© 2026 Anatoly Nechaev. All rights reserved.
This source code is provided for viewing and educational purposes only. No permission is granted to use, copy, modify, or distribute this code without explicit written consent from the author.