Debate Trivia

This trivia will be incorporated into CMS MEDIOS later, allowing writers to embed it in their articles. In addition, it can be used in both a standard iframe and an accelerated AMP format.

Technology used

The following technologies were used to create this trivia:

• Use of the BEM naming convention for class definition.
• CSS implementation using the flex property, with some variables.
• Complete integration of the trivia using Vanilla JavaScript.

Benefits

Using these technologies, I was able to create a trivia that is:

• Easy to use
• Customizable
• Scalable

I hope you enjoy the trivia!

Link to the Example Trivia:

https://debate-trivia.vercel.app/trivia/

Link to the Trivia Embedded in an Iframe:

https://debate-trivia.vercel.app/trivia/iframe.html

Link to the Trivia Embedded in an AMP Iframe Version AMP:

https://debate-trivia.vercel.app/trivia/amp-iframe.html