First Grade Spelling MCW

Prompt

Code in html, css, and JavaScript a self-contained, complete, and embeddable spelling game for first graders to learn the words contained in the attached pdf. For this game, create a caterpillar at the bottom of the screen with a head and tail. Leave spaces for the player to drag and drop letters from one of the words in the list. Make each letter a segment of the caterpillar. Use a colorful theme that is randomized for each word. Show one word at a time. Players will drag the lettered segments into position between the head and tail of the caterpillar. If the player does this correctly, keep the letter in position. If the letter is in the incorrect position, move it out and play a whomp whomp sound. When the player completes the word by dragging all the letters into the correct positions, have the caterpillar metamorphose into a butterfly and fly off the screen. Use a pleasing light blue background for the game, much like the sky. Add a scoreboard at the top of the screen. For each 5 words in a streak, show a confetti celebration but make the confetti small leaves. Player wins when the scoreboard reaches 30 words spelled correctly. Play a celebration when the player wins. So the player can know the word, say “Spell [word] twice. Add a Speak button to repeat the word as many times as necessary. Randomize the words for endless, non-repetitive game play. 

Iteration

Make the caterpillar's head have antennae with a cute expression on its face. Make the background music softer and quieter. Improve the clarity of the spoken voice.