Speed-Code-Fighter

프로그래밍 언어의 속도를 게임으로 측정하기 위한 프로젝트 입니다.

모바일 환경에서 이용하는 이용자보다 태블릿이나 pc 에서 사용하는 이용자가 더 많을 것으로 예상하여 PC만 대응하도록 설계했습니다.

서비스 링크 : https://d27biwahleug4i.cloudfront.net/

팀 : 누가더엉망진창이조

팀 구성

이 현 호

이 보 리

김 정 민

1. 목표와 기능

• 카운트
• 게임 단계
• Cursor
• 타이핑 글자 및 엔터 정답, 오답 표시
• 마지막 입력 후 textarea에 입력 제한
• 타이핑 게임 focus
• 프로젝트 UI

협업을 위한 Git 브랜치 적극 사용 이슈 및 프로젝트 칸반을 통한 협업

2. 스택

• 프론트엔드

  • HTML
  • CSS
  • JavaScript

• 배포

  • AWS

• 협업

  • Notion, Discord

3. 프로젝트 구조와 개발 일정

3.1 프로젝트 구조

│  index.html
│  README.md
│
├─css
│  │  reset.css
│  │  style.css
│  │  variables.css
│  │
│  └─components
│          document.css
│          header.css
│          keyboard.css
│          popup.css
│
├─images
│      caret-down-fill.svg
│      close.svg
│      dot.svg
│      favicon.ico
│      game_over.png
│      logo.png
│      Thumbs.db
│      you_win.png
│
└─js
       script.js

3.2 개발일정

• 기간 : 2021.12.16(목) ~ 2021.01.05(일)
• 프로젝트 회의 결과
  • 코드 컨벤션 및 커밋 컨벤션
  • 프로젝트 구조
  • 역할 분담

4. 역할분담

기능 및 페이지	개발자
핵심 기능(타자 연습 부분 -js )	이현호, 김정민
전체 UI	이보리