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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions