Build a multiple-choice quiz with scoring and a results screen.
01
01
Understand the problem
ReactQuizState
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
Solve in
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
React solution
Complete solutionRun Playground
import React from 'react';
import Quiz from './src/Quiz';
const questions = [
{ q: 'Which hook adds local state to a function component?', options: ['useEffect', 'useState', 'useMemo', 'useRef'], correct: 1 },
{ q: 'What does CSS stand for?', options: ['Cascading Style Sheets', 'Computer Style System', 'Creative Style Sheets', 'Colorful Style Sheets'], correct: 0 },
{ q: 'Which array method returns a new filtered array?', options: ['forEach', 'map', 'filter', 'reduce'], correct: 2 },
];
export default function App() {
return (
<div style={{ fontFamily: 'sans-serif', padding: 20 }}>
<h1>Quiz Demo</h1>
<Quiz questions={questions} />
</div>
);
}05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.