Brief
Interactive requirements and concept-selection dashboard.
The soft-glove design report carries a lot of decisions — customer requirements, a QFD
ranking, weighted concept selection, and a final architecture. This project distils that
report into an interactive single-page dashboard so a reviewer can explore the
reasoning instead of reading thirty pages of tables.
What It Shows
Requirements, trade-offs, architecture, and a live demo.
The app is organised into four views:
- Requirements — the prioritised customer needs and the measurable engineering
metrics they map to, taken straight from the QFD.
- Architecture — clickable concept cards for the control, communication, and
pneumatic subsystems, each with its strengths, trade-offs, and a score; selecting a
concept updates the chosen system architecture.
- Demo dashboard — sliders for target flexion, assist level, and EMG threshold drive a
live Recharts plot of target vs. measured finger angle, alongside a system-state and
safety-checklist readout.
- Overview — the project facts, joint motion targets, and the open → flex → hold →
release assist cycle at a glance.
Engineering
React dashboard based on the design report.
Built with React + Vite, charts with Recharts, motion with Framer Motion, and
a component kit (shadcn/ui + Lucide). The interactive plot uses a semi-empirical model rather than live hardware
telemetry. It demonstrates the proposed motion behaviour without a real-time glove link. It is the
front-end companion to the embedded controller.