Power Apps Code Apps using GitHub Copilot (Vibe Coding). Data Source: Office 365 Users

In this video, discover how to supercharge your enterprise app development by combining Power Platform Code Apps and GitHub Copilot. Watch as we dive into the world of vibe coding—using AI as your coding partner to rapidly build and iterate a professional-grade app, all within Microsoft’s secure and governed environment.

You'll see a full walkthrough of:

• Utilising existing Office365 Connector (Power Platform) and building a user directory App.
• What vibe coding means and how it changes the development experience
• Setting up and using Power Apps Code Apps for pro-code development
• Leveraging GitHub Copilot for real-time code generation and productivity
• Tips for seamless integration, governance, and enterprise security in your apps

If you would like to watch my other video regarding
Power Apps Code Apps using GitHub Copilot (Vibe Coding). Data Source: SharePoint
   • Power Apps Code Apps  using  GitHub Copilo...  

🔗 See the GitHub repo:
https://github.com/microsoft/PowerApp...

---

Useful commands before deployment if you are using routing:
npm install react-router-dom

⚠️ Deployment Issues:

Run:
npm run build

This command may give you errors under:
DemoAppUsersDirectory\src\Services\Office365UsersService.ts

To fix it, open:
DemoAppUsersDirectory\.power\appschemas\dataSourcesInfo.ts

Replace:
"default": "null" ➡️ "default": ""
"format": "null" ➡️ "format": ""

---
Routing Issues for deployment:
To fix this:
📁 Multi-Page Setup (App.tsx):
import { HashRouter as Router, Routes, Route, useNavigate } from "react-router-dom";
import UserDirectory from "./pages/UserDirectory";

return (
<Router>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/userdirectory" element={<UserDirectory />} />
</Routes>
</Router>
);

---

🧪 Local Testing Tip:

If port 8080 is already in use:

PowerShell:
netsh http show servicestate

To free the port:
Get-Process pac | Stop-Process -Force

---

🚀 Final Deployment to Power Platform:

npm run build
pac code push

---

🔥 Watch now and start building smarter apps with Copilot and Power Platform!