Content
# Hands-On AI Agents with Model Context Protocol (MCP)

## Links
- [Event](https://www.eventbrite.com/e/hands-on-ai-agents-with-model-context-protocol-mcp-tickets-1977484486331?msockid=38445845f01e6b0129dc49d4f1e56ada)
## Agenda
| Duration | Title | Description | Link |
|----------|-------|-------------|------|
| 10min | Brief Introduction to MCP | Why MCP matters for context-aware integrations Architecture overview | |
| 30min | Set Up MCP Server in Python | Create a Python MCP server exposing e-commerce capabilities (search, FAQs) Demo: Implement endpoints and register capabilities, demoed via GitHub Copilot | [01-server](01-server/README.md) |
| 20min | Connect MCP Client | Build a client to interact with the server Handle requests/responses to/from the server DEMO: bespoke client (with LLM) calling the MCP Server | [02-client](02-client/README.md) |
| 20min | Integrate with JavaScript Frontend | Combine MCP server and client into a clean architecture web app Showcase modularity and scalability | [04-ui](04-frontend/README.md) |
| 25min | Agentic UI with MCP-UI | Create dynamic UI for back-office product creation and FAQs Demo: Integrate UI components | [04-ui](03-ui/README.md) |
| 10min | Authentication & Resource Sampling | Add auth flows for production readiness | [05-auth](05-auth/README.md) |
| 15min | Wrap-Up & Q&A | | |
Connection Info
You Might Also Like
AP2
AP2 provides code samples and demos for the Agent Payments Protocol.
google-meta-ads-ga4-mcp
MCP server for Google Ads, Meta Ads & GA4 — works with ChatGPT, Claude,...
nuwax
Nuwax AI enables easy building and deployment of private Agentic AI solutions.
Train-in-Silence
The first Task-Aware MCP server and automated VRAM calculator for LLM...
stacklit
108,000 lines of code. 4,000 tokens of index. One command makes any repo...
AppClaw
AI-powered mobile automation agent — describe what you want in plain...