Patient Vitals Recording and Retrieval Form
Description:
This React page allows users to record and retrieve patient vital signs such as blood pressure, pulse, blood sugar (RBS), weight, height, and additional notes. The form includes validation using the Zod library, ensuring input correctness—such as blood pressure in "120/80" format and valid ranges for numeric fields. Users can fetch previously recorded vitals by entering a book number, with live validation and debounced API calls for smooth user experience. Upon submission, the data is sent securely via Axios to a backend endpoint for storage.
Type of Change:
-
Bug Fix -
Feature Development -
Documentation
Testing:
-
Tested on desktop -
Tested on mobile -
Tested in different browsers
Screenshots (if applicable):
Video Demo
Add a link to the demo of the PR
If you have used AI create this PR, please also record video of yourself explaining the changes.
Link to code walkthrough
Checklist:
-
Code follows project style guidelines -
Self-review completed -
No console errors -
JavaScript types are correct

