Merge pull request #2 from copilot-dev-days/copilot/add-devcontainer-and-codespace-option

Document Codespaces-first setup path while preserving template repo flow for GitHub Pages

Author: jamesmontemagno

README.md

@@ -3,6 +3,7 @@
 Social Bingo game for in-person mixers. Find people who match the questions and get 5 in a row!
 
 📚 **[View Lab Guide](workshop/GUIDE.md)**
+🚀 **[Start with setup flow](workshop/01-setup.md)**
 
 ---
 
@@ -24,6 +25,14 @@ Social Bingo game for in-person mixers. Find people who match the questions and
 
 - [Node.js 22](https://nodejs.org/) or higher
 
+## Dev Container / Codespaces
+
+This repo already includes a `.devcontainer/devcontainer.json`.
+
+- **GitHub Codespaces:** create a Codespace from **your own repository** and it will use the devcontainer automatically.
+- **VS Code Dev Containers:** clone locally, then run `Dev Containers: Reopen in Container`.
+- **GitHub Pages publishing:** deployment is configured for your own repository.
+
 ## Run
 
 ```bash

workshop/01-setup.md

@@ -12,7 +12,7 @@ In this section, you'll set up your development environment and teach GitHub Cop
 
 ## 🔧 Initial Setup
 
-### Step 1: Create Your Repository
+### Step 1: Create Your Repository (Required)
 
 1. Open [github.com/copilot-dev-days/agent-lab-typescript](https://github.com/copilot-dev-days/agent-lab-typescript)
 2. Click **Use this template** → **Create a new repository**
@@ -26,13 +26,21 @@ In this section, you'll set up your development environment and teach GitHub Cop
 2. Under "Build and deployment", change *Deploy from a branch* to **GitHub Actions**
 3. ✅ Any commit will now publish to: `https://{username}.github.io/{repo-name}`
 
-### Step 3: Clone & Open in VS Code
+### Step 3: Choose How You'll Develop
+
+#### Option A: Clone locally in VS Code
 
 1. Open VS Code
 2. Run command: `Git: Clone` → `Clone from GitHub`
 3. Select your new repository
 4. Install recommended extensions (notification or `Extensions: Show Recommended Extensions`)
 
+#### Option B: Create a Codespace for your repo
+
+1. Open your repository on GitHub
+2. Click **Code** → **Codespaces** → **Create codespace on main**
+3. ✅ Codespace starts with your repo and devcontainer.
+
 ### Step 4: Run the Setup Agent
 
 In the Chat panel:

workshop/GUIDE.md

@@ -32,10 +32,11 @@
 ## 🚀 Quick Setup
 
 ```
-# 1. Use template at github.com/copilot-dev-days/agent-lab-typescript
-# 2. Enable GitHub Pages (Settings > Pages > GitHub Actions)
-# 3. Clone in VS Code
-# 4. Run /setup in Chat
+# 1. Create repo from template: github.com/copilot-dev-days/agent-lab-typescript
+# 2. Enable Pages: Settings > Pages > GitHub Actions
+# 3. Choose one: clone repo in VS Code OR create a Codespace from your repo
+# Then run:
+# /setup
 ```
 
 ---