search

amamenko / react-buzzfeed-quiz

A BuzzFeed-style quiz component for React.js.
https://react-buzzfeed-quiz.netlify.app
MIT License
24 stars 8 forks source link

help wanted. #3

Closed pmirla closed 2 years ago

pmirla commented 2 years ago

helpwanted

Hello. Thanks for this app. How do we keep track of all the answers? Call back functions on answer selection() doesn't have reference to selected answer.

pmirla commented 2 years ago

Thank you, Avi. Would it be possible to show a response after the user picks an answer choice for a question? We are now able to show a response after all quiz questions are answered. And, can we embed videos in the question box?Thank you

amamenko commented 2 years ago
  1. Do you mean triggering a result early on a specific answer selection without having all the questions finished? I can make that a feature, sure.
  2. At the moment, the closest you can get to embedding a video is by transforming the video into a GIF and setting it as the backgroundImageSrc. This just sets the "src" attribute on an HTML img tag. For videos, I would need to conditionally set that as a video tag and check for the three supported video formats in HTML: MP4, WebM, and OGG.
pmirla commented 2 years ago

1. Would be great to show a message box below the question after the question is answered.

example from nytimes quiz. Thanks

image
pmirla commented 2 years ago

hello. I just wanted to ask if you are planning to add a response feature after answering a question. Thank you

amamenko commented 2 years ago

I believe BuzzFeed implements something like this on their trivia questions:

Screen Shot 2022-03-07 at 7 40 35 PM

Is this something like what you were referring to? If so, I can definitely add the feature to the quiz component, as well.

pmirla commented 2 years ago

That would be great . Kind regards

On Mon, Mar 7, 2022 at 4:45 PM Avi Mamenko @.***> wrote:

I believe BuzzFeed implements something like this on their trivia questions:

[image: Screen Shot 2022-03-07 at 7 40 35 PM] https://user-images.githubusercontent.com/49536715/157142798-90658348-f7c6-467b-9dc9-b36b5ddc8101.png

Is this something like what you were referring to? If so, I can definitely add the feature to the quiz component, as well.

— Reply to this email directly, view it on GitHub https://github.com/amamenko/react-buzzfeed-quiz/issues/3#issuecomment-1061290430, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABJNVJH62EUJ37OSOHCDHQLU62PI7ANCNFSM5PFIHY5A . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you authored the thread.Message ID: @.***>

pmirla commented 2 years ago

Thank you