Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Add LeetCode problem numbers to UI problem mappings

Open
#507 2 comments 0 reactions 1 assignee View on GitHub

Maintainers usually reply within 1 day

@seallllllllll is already working on this.

Since Oct 26, 2026.

  • #526 by @seallllllllll — open

Assessment

This issue has not been assessed yet.

Description

Description

Currently, the problem cards in the web interface display the mapped LeetCode problem name without its corresponding problem number (e.g., displaying "LeetCode: Valid Parentheses" instead of "LeetCode: 20. Valid Parentheses").

Because LeetCode problems are frequently referenced, discussed, and searched by their official numbers, this omission makes it difficult for users to quickly cross-reference problems or verify their selections.

Adding the problem number to the display text will significantly improve discoverability and provide clearer immediate context for users navigating the problem picker.

Expected behavior

When a problem card or selected problem status is rendered in the UI, the official LeetCode problem number should be prepended to the problem title.

The display format should be updated to "LeetCode: {number}. {Title}" (e.g., "LeetCode: 191. Number of 1 Bits").

This format change should apply consistently across the problem picker cards and any other relevant UI elements showing the problem mapping.

Acceptance criteria

  • The LeetCode problem numbers are added to the problem bank and flow through scripts/gen-problem-cards.py into the generated frontend files.
  • The format string consistently matches "LeetCode: {number}. {Title}" (e.g., "LeetCode: 191. Number of 1 Bits").
  • The problem numbers and sources are only visible when the "Show sources" toggle is active, preserving the existing toggle behavior.
  • The format change applies consistently across the problem picker cards and the completed interview reports/history (aligning with the implementation in #152 and PR #334).
  • The layout of the problem cards remains stable and responsive when accommodating the slightly longer text.
  • Existing features (problem selection, difficulty filters, random problem selection) remain completely unaffected.
  • Browser regression coverage or relevant frontend tests are updated to verify the new text format, toggle behavior, and ensure no layout breakage.
Dominant language
Rust
Stars
215
Forks
141
Avg merge
1d 10h
Merged PRs (30d)
220

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from sysprog21/codetrial

All issues in sysprog21/codetrial

Similar issues

More Rust issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.