Skip to content

feat: add matching exercise - #53

Merged
matt-dahlgren merged 13 commits into
CA-Visualizer-for-Education:mainfrom
AngelsandDevsLOL:matching-exercise
Aug 7, 2026
Merged

feat: add matching exercise#53
matt-dahlgren merged 13 commits into
CA-Visualizer-for-Education:mainfrom
AngelsandDevsLOL:matching-exercise

Conversation

@AngelsandDevsLOL

@AngelsandDevsLOL AngelsandDevsLOL commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

Proposed Changes

Adds the matching exercise at /matching-exercise, where the user draws wires between component chips and their descriptions

What it does:

  • Two columns: component chips on the left, descriptions on the right, with an SVG wire layer drawn between them
  • A wire that may start from any Component or Description piece and snap to another piece. Each piece holds at most one wire, so a new connection replaces whatever was already attached to either end
  • Check my work / Reset, scoring, and a results sidebar listing the components that were matched incorrectly

Refactoring between previous /exercise and current /matching-exercise:

  • ComponentPieces moved from components/exercise/ to components/common/
  • The side bar panel (score ring, incorrect list, retry) extracted from ExerciseBoardSidebar into a shared ExerciseResultsPanel.
  • Matching-exercise types (Point, Side, Anchor, Wire, WireSegment) are refactored into components/matching-exercise/types.ts

Works on #41

Screenshots of your changes (if applicable) image image image

Type of Change

(Write an X or a brief description next to the type or types that best describe your changes.)

Type Applies?
🚨 Breaking change (fix or feature that would cause existing functionality to change)
New feature (non-breaking change that adds functionality) X
🐛 Bug fix (non-breaking change that fixes an issue)
🎨 User interface change (change to user interface; provide screenshots) X
♻️ Refactoring (internal change to codebase, without changing functionality) X
🚦 Test update (change that only adds or modifies tests)
📦 Dependency update (change that updates a dependency)
🔧 Internal (change that only affects developers or continuous integration)

Checklist

(Complete each of the following items for your pull request. Indicate that you have completed an item by changing the [ ] into a [x] in the raw text, or by clicking on the checkbox in the rendered description on GitHub.)

Before opening your pull request:

  • I have performed a self-review of my changes.
    • Check that all changed files included in this pull request are intentional changes.
    • Check that all changes are relevant to the purpose of this pull request, as described above.
  • I have added tests for my changes, if applicable.
    • This is required for all bug fixes and new features.
  • I have updated the project documentation, if applicable.
    • This is required for new features.
  • If this is my first contribution, I have added myself to the list of contributors in package.json.
  • I have updated the project Changelog (this is required for all changes).
  • I have rebased my changes and named my commits following conventional commits

After opening your pull request:

  • I have verified that the GitHub Actions checks have passed.
  • I have requested a review from a project maintainer.

Questions and Comments

@AngelsandDevsLOL
AngelsandDevsLOL marked this pull request as ready for review August 5, 2026 07:33
@AngelsandDevsLOL AngelsandDevsLOL changed the title WIP: Matching exercise Matching exercise Aug 5, 2026
@AngelsandDevsLOL AngelsandDevsLOL changed the title Matching exercise feat: add matching exercise Aug 6, 2026

@matt-dahlgren matt-dahlgren left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

All of this looks so good!

@matt-dahlgren
matt-dahlgren merged commit 376e148 into CA-Visualizer-for-Education:main Aug 7, 2026
1 check passed
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