Skip to content

Latest commit

 

History

History
168 lines (136 loc) · 4.94 KB

README.md

File metadata and controls

168 lines (136 loc) · 4.94 KB

Game-Baseball

키퍼 홈페이지 프론트엔드 리뉴얼2에 들어갈 숫자야구 게임입니다.

개발기간 : 2023. 05. ~

🛠️참여자


publdaze


jasper200207


KimHaejoong1


pipisebastian


sososo0


wns1826

🎮게임 소개

숫자 야구는 0~9 로 이루어진 중복없는 네 자리 숫자를 9이닝 동안 맞추는 게임입니다.

숫자는 맞지만 위치가 틀리면 볼 🟢

숫자와 위치가 모두 맞으면 스트라이크 🟡

숫자와 위치가 모두 틀리면 ⚫️

한 이닝 당 30초의 시간이 주어지고, 시간 내에 입력하지 않으면 ❌ 표시와 함께 다음 이닝으로 넘어갑니다.


📦기술 스택

Enviroment

Config

Development


🖥️화면 구성

시작 페이지 횟수 초과 게임 페이지
시도 결과
성공
실패

⚙️API 주소 목록

https://api.dev.keeper.or.kr/docs/game/baseball.html

야구 게임 정보 game-info

플레이 여부 is-already-played

야구 게임 START start

야구 게임 GUESS guess

야구 게임 결과 가져오기 result


📂아키텍쳐

디렉토리 구조

├──.eslintrc.js
├──.gitignore
├──.nvmrc
├──.prettierrc.json
├──package-lock.json
├──package.json
├──postcss.config.js
├──tailwind.config.js
├──tsconfig.json
├──.github
│   ├──pull_request_template.md
│   │ 
│   └──ISSUE_TEMPLATE
│   │   ├──bug-fix-template.md
│   │   ├──feature-template.md
│   │   └──refactor-template.md
├──public
│   ├──favicon.ico
│   ├──index.html
│   ├──logo192.png
│   ├──logo512.png
│   ├──manifest.json
│   └──robots.txt
└─src
    ├──App.tsx
    ├──index.tsx
    ├──react-app-env.d.ts
    ├──tailwind.css
    ├──api : api 관련 폴더
    │   ├──baseballApi.ts
    │   └──dto.ts
    ├──components : 게임 컴포넌트 폴더
    │   ├──CountdownBar.tsx 
    │   ├──InfoModal.tsx
    │   ├──NumberInput.tsx
    │   ├──PointInfo.tsx
    │   ├──TurnInfoBoard.tsx
    │   └──TurnInfoCard.tsx
    └─screens
        ├──GamePlay.tsx  : 게임 실행
        └──GameStart.tsx : 게임 최초 화면