Skip to content

uhyun-fe/quizmaker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

quizmaker

https://momeromalheayo.netlify.app

타입스크립트를 익히기 위한 퀴즈메이커 프로젝트입니다.


typescript setting

npx create-react-app ./ --template typescript

npm i styled-components @types/styled-components


프로젝트 구현기능

  1. 단어 or 문장 입력
    • 기본 1개 (1개 이상 등록 必)
    • 각 아이템 삭제 기능
    • start 버튼 클릭 시 일정 시간 뒤에 게임이 시작한다는 모달 생성 (cancel 가능)
    • 최종 완료 시 게임 시작
  2. 게임 시작
    • 시작과 동시에 초시계 start (타이머 기능 직접 구현)
    • 한 페이지에 입력한 순서대로 단어 or 문장이 나타남
    • 패스 버튼 클릭 시 스코어 그대로 다음 문제로 이동
    • correct 버튼 클릭 시 스코어 상승 및 다음 문제로 이동
    • 일시정지 버튼, 게임오버버튼 항상 활성화
    • 마지막 문제 풀이 이후, 스코어/시간 조회 및 재시작버튼 활성화

게임 화면

스크린샷 2021-08-20 오후 2 13 10

스크린샷 2021-08-20 오후 2 13 16

스크린샷 2021-08-20 오후 2 13 27

스크린샷 2021-08-20 오후 2 13 39

스크린샷 2021-08-20 오후 2 13 48

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published