PI Dashboard Development - Development Roadmap Definitions #175
Description
As our conversation with #174 concludes I will move on to development of the dashboard. For the near term MVP I will just stick to the charts on the resource allocation page in Coldfront.
As the main charting library I will be using Chart.js.
For the development phase I will be splitting the chart development into distinct sections:
1: Structure & Layout
This phase focuses on the "dumb" UI. It should strictly use mock data to ensure the visuals are correct before worrying about APIs.
2: Data Integration
This step focuses on integration with real data and decouples "view" logic that is concerned with UI element rendering and "no-view" logic which is just concerned with processing
3: Interactivity & Responsiveness
This step deals with things like responsiveness (mobile and desktop). It deals with things like missing data states, low data states, active states, hover states etc.