| Create a code playground widget for: {{title}} | |
| ## Programming Language | |
| {{programmingLanguage}} | |
| ## Challenge Description | |
| {{description}} | |
| ## Key Points | |
| {{keyPoints}} | |
| ## Starter Code Template | |
| ```{{programmingLanguage}} | |
| {{starterCode}} | |
| ``` | |
| ## Test Cases | |
| {{testCases}} | |
| ## Hints | |
| {{hints}} | |
| ## Course Language | |
| {{languageDirective}} | |
| --- | |
| Generate a complete, interactive HTML code editor with: | |
| 1. Code editor with syntax highlighting | |
| 2. Run button with output display | |
| 3. Test case validation | |
| 4. Progressive hint system | |
| 5. Embedded widget configuration JSON | |