← Back to Portfolio

📝 Documentation

Code Highlights

Project Evidence Required

Annotate key code snippets (OOP, APIs, collision).

Assessment Method

Portfolio review: Highlighted code examples with explanations

What it is

Code highlights are specific, pulled-out snippets from a larger codebase, presented in the portfolio with annotations explaining what each piece is doing and why it’s interesting. They’re a curated tour of the most important code, not a full source dump.

Why it matters

Reviewers can’t read every line. Highlights direct attention to the work that best demonstrates competency. They also make the portfolio scannable — someone evaluating the rubric can hit the high notes in minutes.

How GateGame implements it

The ‘About GateGame’ section on my portfolio homepage highlights four key code patterns from the Maze of Shadows level: inheritance & instantiation, methods with parameters (the spline() helper), control structures + data types (the segment array), and async I/O (the level-transition pattern). Each is shown as a code block with a short explanation.

Code Example

// One of four highlighted snippets on the homepage:
// "Methods & Parameters — converts relative coords to pixel values"
function spline(id, points) {
  return {
    id,
    splinePoints: points.map(([px, py]) => ({
      x: Math.round(px * width),
      y: Math.round(py * height)
    })),
    lineWidth: 22,
  };
}

Key Takeaway

Pull out the 4-5 snippets that best prove the rubric. Annotate each so the reviewer doesn’t have to guess what’s interesting.

---