https://momeromalheayo.netlify.app
타입스크립트를 익히기 위한 퀴즈메이커 프로젝트입니다.
npx create-react-app ./ --template typescript
npm i styled-components @types/styled-components
- 단어 or 문장 입력
- 기본 1개 (1개 이상 등록 必)
- 각 아이템 삭제 기능
- start 버튼 클릭 시 일정 시간 뒤에 게임이 시작한다는 모달 생성 (cancel 가능)
- 최종 완료 시 게임 시작
- 게임 시작
- 시작과 동시에 초시계 start (타이머 기능 직접 구현)
- 한 페이지에 입력한 순서대로 단어 or 문장이 나타남
- 패스 버튼 클릭 시 스코어 그대로 다음 문제로 이동
- correct 버튼 클릭 시 스코어 상승 및 다음 문제로 이동
- 일시정지 버튼, 게임오버버튼 항상 활성화
- 마지막 문제 풀이 이후, 스코어/시간 조회 및 재시작버튼 활성화