Power Apps Code Apps + Github Copilot: Build Expense Approval App [Solution Demo]
I built a complete Expense Approval System using Power Apps Code Apps. No drag-and-drop, just real code. 🚀 This video walks you through a full solution demo including role-based access, dynamic dashboards, email notifications, deep linking, and SharePoint as the backend. This project uses React component architecture, the Fluent UI library, and three connectors SharePoint Online, Office 365 Users, and Office 365 Outlook all wired together inside a Power Apps Code App. The entire structure was scaffolded using GitHub Copilot and VS Code, with me guiding and debugging every step of the way. In the demo you will see how employees submit expenses with attachments, how managers receive HTML-formatted notification emails with deep links that open the app directly to the record, and how approval or rejection triggers a second notification back to the submitter. The dashboard includes pie charts for category breakdown, approval status tracking, month-over-month spend trends, and quick insights all built through code. 🔑 Key concepts covered in this video: - SharePoint list as a backend - Role-based UI control - Deep linking in Power Apps Code Apps - Outlook email templates built in HTML One thing I want to be transparent about is that AI coding tools like GitHub Copilot and Claude are incredibly powerful, but they work best when you understand the code they generate. Power Apps Code Apps is still evolving and the generated code will sometimes need debugging. Having foundational React knowledge makes all the difference. I have a full playlist on Power Apps Code Apps on this channel... go check it out if you're just getting started. If you want access to the solution or have questions about any part of the build, drop a comment below and I'll be happy to help. 🔔 Subscribe for more Power Platform & Microsoft 365 developer content! New videos drop regularly! Sharing is Caring 💕
Download
0 formatsNo download links available.