About This Project
Tech.Care is a responsive patient dashboard developed from an Adobe XD healthcare interface. The application retrieves patient information from a REST API, filters the response for Jessica Taylor, and organizes her profile, diagnosis history, laboratory results, vital signs, and health metrics into an accessible dashboard. Chart.js is used to visualize changes in her systolic and diastolic blood pressure.
TIMELINE
Design Analysis and Setup
Reviewed the Adobe XD mockup, identified reusable interface sections, initialized the React project, and established the page structure.
Dashboard Layout
Built the navigation, patient list, profile panel, diagnostic history, and main dashboard layout.
Patient API Integration
Connected the application to the Patient Data API and filtered the returned records to display Jessica Taylor’s information.
Health Data Visualization
Integrated Chart.js and plotted systolic and diastolic blood-pressure readings from the patient’s diagnostic history.
Responsive Styling
Refined spacing, typography, colors, cards, tables, and responsive behavior to closely match the supplied design.
Testing and Final Refinements
Tested API loading, data rendering, chart behavior, and responsive layouts before completing the project.
PROJECT MEDIA
See It In Action.
EXPLORE THE PROJECT