초성게임 프론트 구현
Opened this issue · 3 comments
kmujm commented
설명
**우선 mock up data로 구현, 추후 firebase 완성 시 연동할 예정 **
- figma 초성게임 와이어프레임 참고하여 UI 구성
- 30초 주기로 제시어를 변경
- 남은시간 countdown 구현
- 정답을 입력했을 경우 제시어 박스 부분을 초성에서 정답으로 변경
- 정답을 맞춘 경우 졸업 모자를 씌움
- 정답을 맞춘 경우 정답 입력칸을 '이미 정답을 맞추셨습니다'로 변경(figma 참고)
- 시간 종료 UI와 기능 구현(figma 참고)
참고
- https://miro.com/app/board/o9J_lPQGHxQ=/
- https://www.figma.com/file/tXhmEaYceqzuFAAbknzhKs/Nogari?node-id=115%3A4447
Out of Scope
- 카테고리는 고려하지 않는다.
- 여러 사람들이랑 통신하는 환경은 고려하지 않는다. (멀티플레이 구현x)
- 힌트 기능은 고려하지 않는다.
JisuuungKim commented
정답 입력란에는 '정답을 입력하세요' 라는 문구가 있어야 해요 !!
한번 틀리면 그때부터 시간이 30초와 29초만 왔다갔다 합니당
JisuuungKim commented
위아래도 가운데로 맞춰주세요
JisuuungKim commented
정답을 맞췄을 경우 주변에 폭죽이 보이게 해주세요