이 프로젝트는 React를 사용하여 만든 퀴즈 앱입니다. vite을 통해 기본적인 프로젝트 환경을 구성했습니다.

간단하게 만드는 프로젝트인만큼 next.js와 같은 서버사이드렌더링을 도와주는 프레임워크까지는 불필요하다 생각해 vite를 사용하였습니다. 사용자 경험을 향상시키기 위해 시간 제한과 즉각적인 피드백을 제공하는 것이 핵심입니다. 또한 코드는 모듈화되어 있어서 쉽게 유지보수할 수 있습니다.

|

1. 퀴즈:

• 퀴즈는 여러 개의 질문으로 구성됩니다.
• 각 질문은 텍스트 형식으로 제공됩니다.
• 사용자는 각 질문에 대한 답변을 선택할 수 있습니다.

3. 타이머:

• 각 질문에는 타이머가 포함되어 있습니다.
• 타이머는 일정 시간(보통은 10초) 동안 사용자에게 답변을 선택할 기회를 부여합니다.
• 시간이 초과되면 사용자가 답변을 제출하지 않은 경우 기본값이 선택됩니다.

4. 질문 선택:

• 사용자가 질문에 대한 답변을 선택하면 즉시 피드백을 받습니다.
• 정답이면 초록색, 오답이면 빨간색으로 표시됩니다.
• 피드백은 사용자가 답을 제출하거나 타이머가 만료되었을 때 표시됩니다.

6. 요약:

• 퀴즈가 종료되면 사용자에게 결과가 요약되어 보여집니다.
• 각 질문에 대한 사용자의 답변과 정답이 표시됩니다.
• 사용자의 전반적인 성적이 표시되어 퀴즈의 결과를 요약합니다.