Part 4 of my 5-part series on building Power Apps Code Apps with React, Vite, and
TypeScript! π
In this video I expand the app with the pages that turn raw data into insight β a History
page, a live Team Workload view, and a Reports page.
β±οΈ What we cover
β’ Building the History page β past jobs, status & audit trail
β’ Creating the Team Workload page β per-technician job tracking with live status
β’ KPI cards: technicians, active jobs, running, paused, pending
β’ Building the Reports page β metrics & insights
β’ Reusing components across the new pages to stay consistent
β’ Hooking the pages up to Dataverse data
By the end the app has a full set of operational pages your team can actually use day-to-day.
π§ Stack
β’ React + Vite + TypeScript
β’ Power Platform CLI (pac) + Power Apps SDK
β’ Dataverse
πΊ The series
Part 1 β Project Setup β https://youtu.be/QoXPPclIDM0
Part 2 β App Shell & Components β https://youtu.be/36oA2FLbXDs
Part 3 β Core Pages, Build & Deploy β https://youtu.be/3o1WxrqOsXI
Part 4 β History, Workload & Reports (this video)
Part 5 β coming soon
π Like & subscribe to follow the build!
π d365phoebe.com
#PowerApps #CodeApps #PowerPlatform #React #TypeScript #Vite #Dataverse #LowCode #ProCode #Reporting #Microsoft365 #PowerAppsDevelopment #WebDevelopment #PowerAppsDeveloper #DataViz