chore(curriculum): Add escape-room-workshop prototype for js-projects

[mtrivera]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Reference: freeCodeCamp/freeCodeCamp#64123

[jdwilkin4]

This will be reviewed more thoroughly tomorrow.

But at first glance, I see two things that need to be updated.

You should remove the user-stories.md since this is a workshop. Labs have user stories. Workshops will have steps. So the user-stories.md isn't needed in this case.

Also, the every method and Object.values hasn't been taught for where there is meant to go in the curriculum. so that part needs to be refactored.

[jdwilkin4]

I tagged naomi for a review to see if that matches up with what she had in mind in terms of the user stories 👍🏾

[majestic-owl448]

the project does nothing of DOM, so there will be a white page all the time:

you need to have more things done with the webpage, or we can't put this in the DOM section, and you will need to do without prompt

consider that this is the current first workshop with DOM: https://www.freecodecamp.org/learn/javascript-v9/workshop-storytelling-app/step-1

[mtrivera]

It was meant to show that prompt needs an html file to function correctly. I'll post a DOM sketch concept next week.

[jdwilkin4]

@mtrivera

Just checking in.
Any updates for this?

[mtrivera]

I changed my approach to this prototype. I'm designing this as a digital escape room for the DOM curriculum. Below is a rough outline and sketch. My question is should the ten clues be separated problems or an incremental one to the conclusion?

Disaster Of Magnitude

Story

As you continue the freeCodeCamp JavaScript curricilum, you wander into a room. You find it cluttered with old tech and trinkets. Suddenly the door shuts and find yourself covered in a scattered crimson glow. A voice tells you must bring order to chaos to escape the room. You notice ten red lights above the door. As you explore the room further, you notice ten objects, highlighted by spotlights.

Clues (10)

1. querySelector
2. createElement
3. appendChild
4. removeChild
5. setInterval
6. setTimeout
7. addEventListener
8. removeListener
9. dialog
10. All combined

[majestic-owl448]

the steps in a workshop guide the student in building a project step by step, the prototype would be the final solution of this workshop, the result of the last step

I am unsure how your sketch could be used in such a way, please explain more