Why Scroll?
Simple Syntax
Like Markdown, but more powerful. No parentheses needed.
Extendible
Build your own custom parsers.
Beautiful Output
Create stunning documents with minimal effort.
Fast & Light
Built on the efficient PPS Stack.
Prompt: website
Agent: deepseek
Model: deepseek-chat
Create a Speak-and-Spell app that helps users practice their spelling by playing the audio of a word which the user must then spell. The word list should consist of moderately difficult to hard words. Words are not to be repeated after they have been presented to the user. The user interface includes an onscreen clickable alphanumeric keyboard which the user can use to input the word, or by typing on the physical keyboard. Use the classic Texas Instruments interface as much as possible, including the branding and color scheme. Be sure to use a web audio API that you’re familiar with and works; a male voice that sounds like the original speak and spell voice is preferred *Please implement the following User Stories: User can click the 'Play' button and the word is read aloud and the user able to hear the word that's to be entered. User can see letters displayed in the word input text box as they are entered on the physical or virtual keyboard. User can enter the backspace key to delete letters in case they want to revise their spelling before hitting the 'Enter' button. User can click the 'Enter' button to submit the word that has been typed in the word input text box User can see a confirmation message and hears a "success" sound upon typing the correct word and hitting 'Enter,' after which the input area is blanked out. User can hear a "warning" sound when the word is incorrectly spelled and will be asked to try again in a newly blanked out input area User can see a message requesting the word be typed again when it is spelled incorrectly. The audio of the word is read aloud once again. User can see a tally of the number of correct spellings, total number of words attempted, and a percentage of successful entries. User can click the 'Hint' button to highlight the incorrect letters in the word input text boxUser can press the 'Enter' key on the keyboard to submit a typed word or click the 'Enter' button in the app window
You are an expert web developer. Create a website based on this request: "Create a Speak-and-Spell app that helps users practice their spelling by playing the audio of a word which the user must then spell. The word list should consist of moderately difficult to hard words. Words are not to be repeated after they have been presented to the user. The user interface includes an onscreen clickable alphanumeric keyboard which the user can use to input the word, or by typing on the physical keyboard. Use the classic Texas Instruments interface as much as possible, including the branding and color scheme. Be sure to use a web audio API that you’re familiar with and works; a male voice that sounds like the original speak and spell voice is preferred *Please implement the following User Stories: User can click the 'Play' button and the word is read aloud and the user able to hear the word that's to be entered. User can see letters displayed in the word input text box as they are entered on the physical or virtual keyboard. User can enter the backspace key to delete letters in case they want to revise their spelling before hitting the 'Enter' button. User can click the 'Enter' button to submit the word that has been typed in the word input text box User can see a confirmation message and hears a "success" sound upon typing the correct word and hitting 'Enter,' after which the input area is blanked out. User can hear a "warning" sound when the word is incorrectly spelled and will be asked to try again in a newly blanked out input area User can see a message requesting the word be typed again when it is spelled incorrectly. The audio of the word is read aloud once again. User can see a tally of the number of correct spellings, total number of words attempted, and a percentage of successful entries. User can click the 'Hint' button to highlight the incorrect letters in the word input text boxUser can press the 'Enter' key on the keyboard to submit a typed word or click the 'Enter' button in the app window"
Requirements:
As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
For example:
The extendible markup language that makes source beautiful and compiles to anything
Get StartedLike Markdown, but more powerful. No parentheses needed.
Build your own custom parsers.
Create stunning documents with minimal effort.
Built on the efficient PPS Stack.
First suggest a short, memorable domain name ending in TLD that represents this website. Then provide the website files. Use this exact format:
---domain---
(domainTLD here)
---index.scroll---
(body content here. no blank lines please.)
---style.css---
(CSS content here)
---script.js---
(JavaScript content here)
---end---