In this video, we use GitHub Copilot in VS Code to enhance the Notes app. You’ll see how Copilot makes the layout responsive, adds a real-time search feature, and even writes the project README.

🔎 Chapters:
00:00 Intro
00:15 NoteBoard review
01:00 Using Beast Mode to makes the layout responsive
03:40 Adding real-time search feature
05:10 Creating the project README with custom prompts
06:12 In summary
06:33 Resources - see below
06:47 Thank you and happy coding

🔗 Links:
Learn more about VS Code custom chat modes: https://code.visualstudio.com/docs/copilot/customization/custom-chat-modes  
Get custom instructs, prompts and chat modes from here: 
https://github.com/github/awesome-copilot 
Repo: https://github.com/cyz/vscode-pdd

🎙️ Featuring: Cynthia Zanoni: https://x.com/cynthiazanoni

📲 Follow VS Code:
* X: https://x.com/code
* Bluesky: https://bsky.app/profile/vscode.dev
* YouTube: https://youtube.com/code
* LinkedIn: https://www.linkedin.com/showcase/104107263
* GitHub: https://github.com/microsoft/vscode

Visual Studio Code is a lightweight and powerful code editor developed by Microsoft, offering built-in support for multiple programming languages, debugging, and extensions. From this resource developers can learn about VSCode's features, extensions, and customization options to enhance their coding productivity and workflow.

Visual Studio Code

A practical demonstration of using GitHub Copilot's custom chat modes, instructions, and prompts to transform a web application into a mobile-friendly interface. The tutorial covers implementing responsive design with media queries, creating mobile navigation dropdowns, adding real-time search functionality, and generating project documentation—all through prompt-driven development with Copilot's Beast Mode feature that automatically completes tasks.

Build a Responsive UI through Prompt Driven Development