개요

ReactJs, TypeScript, Tailwindcss를 사용해 만든 프로젝트이며
영어로 구성된 퀴즈 API를 Google Cloud Translation API를 사용해
한글 번역 후 문제 생성 제공하는
[랜덤 퀴즈 토이 프로젝트] 입니다.

사용 방법

• 랜덤한 문제가 노출됩니다.
• 문제는 3문제로 노출됩니다.
• 최초 오답 선택 시 정답이 노출됩니다.
• 최초 정답 선택 시 점수가 오릅니다.

기능 요약

• 문제 제공 기능

  • 문제 데이터는 퀴즈 오픈 API를 사용해 다양하게 가져올 수 있습니다.
  • 영문 데이터를 Google Cloud Translation API를 사용해 한글로 번역합니다.

사용 기술

• Reactjs, Typescript, Tailwindcss
• Opentdb API(퀴즈 API)
• Google Cloud Translation API

배포된 Deploy URL

• https://shlee0882.github.io/react-ts-quiz-app/

블로그 포스팅

• Reactjs, Tailwindcss 토이 퀴즈 앱 만들기

실행 하기

npm install
npm run start

레퍼런스

• https://opentdb.com/
• https://cloud.google.com/translate/docs/reference/rest
• https://tailwindcss.com/