Skip to content

Create story/coding page for CodeQuest #9

@MarcusGronna

Description

@MarcusGronna

Story/Coding Page Implementation

Overview:
Implement the story/coding page for the CodeQuest project. This page introduces the user to a code challenge in the form of a narrative, displays a prompt, hints, and provides a code editor for interaction.

Requirements:

  • Display story context and coding challenge (see screenshot below)
  • Show challenge with highlighted prompt for the user to complete a method (e.g., Greet)
  • Include character hints ("Think about string interpolation...")
  • Provide interactive code editor with multiple files (e.g., ForestGuard.cs, Program.cs)
  • Offer test execution and solution submission UI elements ("Run Tests", "Submit Solution")

Visual Reference:
CodeQuest story and coding page screenshot

Acceptance Criteria:

  • Page presents story narrative and challenge as depicted
  • Code editor supports file switching and solution submission
  • Visible tests are listed for the challenge
  • Hint system is implemented

Associated Project:

  • CodeQuest (org salt-community, project ID PVT_kwDOCSE_C84BQU9D)

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions