Vibe Coding to Turn Reflection into Interaction in WBT

This is an interactive reflection activity designed for web-based training using vibe coding in a code block in Rise. I was inspired by Kaylene Wance's example. I'm sharing with others who are experimenting with vibe coding or looking for ways to move beyond traditional multiple-choice interactions in WBT. 

I wanted to the font larger for accessibility, but then the entire layout got negatively changed. After much time and struggle, I let that go for another project. One step at a time!

Learners:

• Identify barriers that interfere with working effectively in their department
• See their input reflected in common workplace patterns
• Review simple, practical strategies to reduce those barriers
• Choose one strategy and explain how it could help in their own work

There are no right or wrong answers and no scoring. The focus is on thinking, relevance, and transfer, not recall.

This approach works especially well for:

• Professional skills
• Change management
• Process improvement
• Leadership or workplace effectiveness topics
• Any course where judgment and reflection matter more than memorization