Skip to content

Add JavaScript: Korean Snack Picker Game workshop#659

Open
beagandica wants to merge 1 commit intoNuevoFoundation:masterfrom
beagandica:workshop/js-snack-picker
Open

Add JavaScript: Korean Snack Picker Game workshop#659
beagandica wants to merge 1 commit intoNuevoFoundation:masterfrom
beagandica:workshop/js-snack-picker

Conversation

@beagandica
Copy link
Copy Markdown
Member

A beginner-friendly HTML/CSS/JavaScript mini-game where students build a cute Korean snack picker. 4 activities (HTML, CSS, JS, animation) + answer key + fork-able workshopcode.

  • Bilingual title and button (English / 한국어)
  • 8 culturally-relevant snacks (Tteokbokki, Kimbap, Hotteok, Bingsu, Pepero, Yakgwa, Choco Pie, Bungeoppang) with pronunciation guides and ''Did you know?'' historical/cultural facts
  • Bouncy spring animation with premium hover scale on every click
  • Footer showing the stack: Built with HTML, CSS, JavaScript + AI 🤖
  • Featured ''add your favorite snack'' challenge + 5 stretch challenges
  • Uses the Nuevo Foundation color palette (#36374d, #e96469, #e13126, #00bed5, #fcb415, #fbe6e0)
  • Runs by double-clicking index.html, no installs required

Reviewed in parallel by Claude Sonnet 4.6, Claude Haiku 4.5, and GPT-5.4 before submission.

A beginner-friendly HTML/CSS/JavaScript mini-game where students build a
cute Korean snack picker. 4 activities (HTML, CSS, JS, animation) +
answer key + fork-able workshopcode.

- Bilingual title and button (English / 한국어)
- 8 culturally-relevant snacks (Tteokbokki, Kimbap, Hotteok, Bingsu,
  Pepero, Yakgwa, Choco Pie, Bungeoppang) with pronunciation guides
  and ''Did you know?'' historical/cultural facts
- Bouncy spring animation with premium hover scale on every click
- Footer showing the stack: Built with HTML, CSS, JavaScript + AI 🤖
- Featured ''add your favorite snack'' challenge + 5 stretch challenges
- Uses the Nuevo Foundation color palette (#36374d, #e96469, #e13126,
  #00bed5, #fcb415, #fbe6e0)
- Runs by double-clicking index.html, no installs required

Reviewed in parallel by Claude Sonnet 4.6, Claude Haiku 4.5, and GPT-5.4
before submission.

Co-authored-by: Copilot <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant