Back to Projects
WebMockUps
HealthCare Dashboard
A responsive patient dashboard built from an Adobe XD design.
Overview
This project focuses on converting an Adobe XD healthcare dashboard template into a functional HTML-based interface. The UI is populated with live patient data from a Patient Data API, with Jessica Taylor's records displayed across profile details, diagnostic history, and health metrics.
Problem
The challenge was to accurately match the provided Adobe XD design while dynamically loading and displaying patient data from an external API.
Solution
I built a clean, responsive dashboard layout, connected it to the Patient Data API, filtered the results for Jessica Taylor, and used a chart library to visualize her blood pressure data clearly.
Tools Used
Adobe XDReactJavaScriptCSSViteChart.jsRSET API
Project Type
WebMockUps
Project Media