> Markdown version of [/events/world-congress-2025/sessions/462-building-mobile-apps](https://www.wearedevelopers.com/events/world-congress-2025/sessions/462-building-mobile-apps). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Building Mobile Apps with GitHub Copilot + MCP


- **Date:** Wednesday, Jul 9, 2025
- **Time:** 11:00–13:00 (120 min)
- **Room:** M2 (40 Seats)
- **Event:** World Congress 2025

## Description

This hands-on workshop walks participants through building a mobile application using GitHub Copilot and the GitHub Model Context Protocol (MCP). We’ll start with an overview of MCP and demonstrate GitHub’s MCP server in action. Then we’ll build a real mobile app, powered by AI and GitHub metadata. Participants will learn how to draft a Product Requirements Document (PRD) with GitHub Copilot, generate UI with Claude, and use Copilot Agent Mode to ship a personalized playlist experience. They will also learn how to get better results when building with AI tools by implementing prompt files and custom instructions.

Required Setup:
- GitHub Account: Create free account at <https://github.com> if you don't have one
- GitHub Copilot access:
  - Free: 50 chats/month + 2000 completions at <https://github.com/settings/copilot>
  - Students: Free Copilot Pro with GitHub Student Developer Pack at <https://education.github.com>
  - Pro: $10/month for unlimited access at <https://github.com/settings/copilot>

Workshop Environment (Choose One):
Option 1: GitHub Codespace (Recommended)
- Click the workshop Codespace link (provided by instructor)
- Wait 3-5 minutes for container to build (includes Flutter, extensions, and dependencies)
- Everything pre-configured and ready to use

Option 2: Local Development (Alternative)
- Flutter 3.7+: installed and working (flutter doctor passing) - Get it at <https://flutter.dev/docs/get-started/install>
- VS Code: with Flutter extension OR IntelliJ IDEA/Android Studio with Flutter plugin
- Device/emulator: ready for testing (iOS Simulator, Android Emulator, or Chrome browser)

Required API Accounts (Free Setup):
- GitHub Personal Access Token: Create at <https://github.com/settings/tokens> with scopes: repo, user, read:org
- Spotify Developer Account: Create free account and app at <https://developer.spotify.com/dashboard>
  - App name: "GitVision Workshop"
  - Redirect URI: gitvision://callback
  - Copy Client ID and Client Secret

Programming Knowledge Required:
- Basic Dart/Flutter understanding (widgets, async/await, JSON parsing)
- REST API concepts (HTTP requests, authentication, error handling)
- AI development experience with prompt engineering and AI-assisted coding tools

Duration: 120 minutes
Format: AI-assisted live coding in GitHub Codespaces
Skill Level: Intermediate developers familiar with AI development tools


## Speaker

### [Andrea Griffiths](https://www.wearedevelopers.com/@andrea-griffiths)

Senior DevRel and Hypewoman at GitHub


## Related talks at this congress

- [Building Agentic Apps with Docker](https://www.wearedevelopers.com/events/world-congress-2025/sessions/511-building-agentic) — Michael Irwin
- [From Monolith to Magic: An AI-Powered DevOps Workshop](https://www.wearedevelopers.com/events/world-congress-2025/sessions/652-from-monolith-to) — Riccardo Carlesso
- [Building AI Tool Integrations with Model Context Protocol](https://www.wearedevelopers.com/events/world-congress-2025/sessions/467-building-ai-tool) — Adam Cowley, Michael Hunger
- [Vibe Coding with Goose: Building Apps with AI Agents and MCP](https://www.wearedevelopers.com/events/world-congress-2025/sessions/815-vibe-coding-with) — Angie Jones