Skip to content

Add screenshots to every learner activity - #3

Merged
a-a-ron merged 1 commit into
mainfrom
a-a-ron-add-activity-screenshots
Sep 30, 2026
Merged

a-a-ron merged 1 commit into
mainfrom
a-a-ron-add-activity-screenshots

Conversation

@a-a-ron

@a-a-ron a-a-ron commented Sep 30, 2026

Copy link
Copy Markdown
Contributor

Summary

  • add one focused, repository-local visual to each learner activity
  • show exact editor, terminal, Copilot prompt, and pull request states used by the exercise
  • use concise alt text and consistent 1440x900 PNG assets

Validation

  • python3 -m pytest -q
  • parsed all .github/workflows/*.yml with Ruby YAML
  • verified 5 activities, 5 immediate image references, exact-case paths, dimensions, and file sizes

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot AI balanced review requested due to automatic review settings September 30, 2026 18:11
@a-a-ron
a-a-ron merged commit 0a86ac0 into main Sep 30, 2026
5 checks passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

Repository-relative image paths will not resolve when the step Markdown is posted as issue comments.

Review effort: Balanced
Findings: 5 Low severity

Open (5)
What changed in this PR

Adds contextual screenshots to all five learner activities.

Changes:

  • Adds one 1440×900 activity image per step.
  • Provides descriptive alt text for each screenshot.
File Description
.github/​steps/​1-step.md Adds investigation screenshot.
.github/​steps/​2-step.md Adds focused-tests screenshot.
.github/​steps/​3-step.md Adds edge-case failures screenshot.
.github/​steps/​4-step.md Adds implementation repair screenshot.
.github/​steps/​5-step.md Adds pull-request review screenshot.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread .github/steps/1-step.md

### ⌨️ Activity: Explain the code and form a hypothesis

![Codespaces workspace with bill_splitter.py open, the baseline tests passing in the terminal, and an evidence-focused prompt in Copilot Chat](../images/activity-investigate-workspace.png)
Comment thread .github/steps/2-step.md

### ⌨️ Activity: Add two focused unit tests

![Codespaces editor showing the two focused bill splitter tests, their passing terminal result, and the exact behavior contract in Copilot Chat](../images/activity-focused-tests.png)
Comment thread .github/steps/3-step.md

### ⌨️ Activity: Add edge cases that expose the bug

![Codespaces editor and terminal showing the two remainder-cent tests, their expected failures, and the follow-up diagnosis prompt](../images/activity-edge-case-failures.png)
Comment thread .github/steps/4-step.md

### ⌨️ Activity: Repair and simplify the implementation

![Codespaces workspace showing the integer-cent repair, the approved Copilot plan, the review checklist, and the complete test suite passing](../images/activity-repair-implementation.png)
Comment thread .github/steps/5-step.md

### ⌨️ Activity: Open and review the pull request

![GitHub pull request showing the Verification and Copilot review sections, passing checks, Files changed tab, and focused file list](../images/activity-review-pull-request.png)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants