Quiz App

소개

퀴즈를 풀고, 오답을 확인 할 수 있는 간단한 퀴즈 풀이 앱입니다. 퀴즈풀이 앱 열기

요구사항 구현 현황

1. 요구사항 ✅

• 사용자는 '퀴즈 풀기' 버튼을 클릭하여 퀴즈 풀기를 시작할 수 있다.
• 사용자는 문항에 대한 답안을 4개 보기 중에 선택할 수 있다.
• 사용자는 답안을 선택하면 다음 문항을 볼 수 있다.
  • 답안 선택 후 다음 문항 버튼을 볼 수 있다.
  • 답안이 맞았는지 틀렸는지 바로 알 수 있다.
  • 다음 문항 버튼을 클릭하여 다음 문항으로 이동할 수 있다.
• 모든 문항을 다 풀면 사용자는 다음과 같은 결과 정보를 볼 수 있다.
  • 퀴즈를 마칠 때까지 소요된 시간
  • 정답 개수
  • 오답수
  • 정 오답에 대한 비율을 차트로 표기
• 오답 노트 기능

2. 테스트 ❌

• 테스트 케이스로는 다음의 4개 컴포넌트를 선정했습니다. 해당 컴포넌트는 각 기능의 주요한 역할을 하며, 동시에 넘겨받은 데이터를 화면에 출력하는 역할을 담당합니다. (세부 테스트 사항은 코드 내에서 직접 확인 할 수 있습니다.)
  • Counter.test.jsx
  • QuizForm.test.jsx
  • QuizReviewForm.jsx
  • ReviewInfo.jsx