Kitchen Sink: Build A Quiz App

[arunavabasucom]

Please describe the changes this PR makes and why it should be merged:
This PR aims to demonstrate a quiz app example using million .
Status
Closes : #607

• Code changes have been tested against prettier, or there are no code changes
• I know how to update typings and have done so, or typings don't need updating

Semantic versioning classification:

• This PR changes the codebase
  • This PR includes breaking changes (methods removed or renamed, parameters moved or removed)
  • This PR changes the internal workings with no modifications to the external API (bug fixes, performance improvements)
• This PR only includes non-code changes, like changes to documentation, README, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
million	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 3, 2023 3:45pm
million-kitchen-sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 3, 2023 3:45pm
sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 3, 2023 3:45pm

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[aidenybai]

Please run pnpm run cleanup @arunavabasu-03

[tobySolutions]

Could you maybe try using the <For/> component to replace the map you have? @deeola?
https://million.dev/docs/for

[arunavabasucom]

Could you maybe try using the <For/> component to replace the map you have? @deeola? https://million.dev/docs/for

it try to do that but it with radio select it is not working properly so done with map .

[arunavabasucom]

Please run pnpm run cleanup @arunavabasu-03

@aidenybai done cleanup !

[tobySolutions]

Could you maybe try using the <For/> component to replace the map you have? @deeola? https://million.dev/docs/for

it try to do that but it with radio select it is not working properly so done with map .

Hmm, can you send a screen recording of this behaviour and your code so we can document it? Then you can revert back to map

[arunavabasucom]

Could you maybe try using the <For/> component to replace the map you have? @deeola? https://million.dev/docs/for

it try to do that but it with radio select it is not working properly so done with map .

Hmm, can you send a screen recording of this behaviour and your code so we can document it? Then you can revert back to map

code -

 <For each={questions[currentQuestion].options}>
              {(option, index) => (
                <OptionLabel key={index}>
                  <OptionInput
                    type="radio"
                    value={option}
                    checked={selectedOption === option}
                    onChange={handleOptionChange}
                  />
                  {option}
                </OptionLabel>
              )}
            </For>

million_for.mp4

[tobySolutions]

Could you maybe try using the <For/> component to replace the map you have? @deeola? https://million.dev/docs/for

it try to do that but it with radio select it is not working properly so done with map .

Hmm, can you send a screen recording of this behaviour and your code so we can document it? Then you can revert back to map

code -

 <For each={questions[currentQuestion].options}>
              {(option, index) => (
                <OptionLabel key={index}>
                  <OptionInput
                    type="radio"
                    value={option}
                    checked={selectedOption === option}
                    onChange={handleOptionChange}
                  />
                  {option}
                </OptionLabel>
              )}
            </For>

million_for.mp4
Thanks for this

[tobySolutions]

Hey there @arunavabasu-03! This is what I have here:

Screen.Recording.2023-10-03.at.18.02.51.mov

[arunavabasucom]

@tobySolutions I think it is because of your dark mode. Can you disable and check?

[tobySolutions]

Hey there @arunavabasu-03, how are you?? The below should fix your issues, check it out and make your fixes. Thanks!

Screen.Recording.2023-10-04.at.22.52.36.mov

[tobySolutions]

Hey there @arunavabasu-03, we already have a quiz app on the sink, but, let's review your PR and get it merged shall we?

[tobySolutions]

LGTM!

[tobySolutions]

I think we still have the same issue. I'm gonna merge this for future reference by the way. I think this might be an issue with styled components.

[tobySolutions]

I'll be closing this for now. I'll need @aidenybai and the rest of the team to look into this though