typo-saurus-code

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

typo-saurus-code

(★ 10)

테오의 구글 스프린트(체험) 3기! Typo Saurus Code 🦖🦕

typo-saurus-code 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [타이포 사우루스 코드 Typo Saurus Code](https://typo-saurus-code.vercel.app/)

## 프로젝트 소개

개발자를 위한 타자게임. 공룡을 피해 완주하세요!

[Typo Saurus Code 🦖 게임하러가기 ](https://typo-saurus-code.vercel.app/)

## 팀원
<img src='https://user-images.githubusercontent.com/45932570/153762943-85d0af92-cd59-4d37-aee0-d51d946dadc7.gif'  alt="단체사진" width="520px"/>

**개발 :** [혜심쓰](https://github.com/HaeSim), [곤이](https://github.com/korany-lee), [민민](https://github.com/zimiin), [비비](https://github.com/borachoidev), [빈츠](https://github.com/ByungyeonKim), [웹린이](https://github.com/superLipbalm), [해달](https://github.com/moonseonyeong)

**디자인 :** 폴

## **사용 기술**
 <img src="https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=Vite&logoColor=white"/>
 <img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=white"/>
 <img src="https://img.shields.io/badge/styledcomponents-DB7093?style=for-the-badge&logo=styled-components&logoColor=white"/>
 <img src="https://img.shields.io/badge/Tailwind CSS-06B6D4?style=for-the-badge&logo=Tailwind CSS&logoColor=white"/>  
 <img src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=Git&logoColor=white"/>
 <img src="https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=Figma&logoColor=white"/>

### 협업방식

- 구글 스프린트
- 짝프로그래밍

## **기능소개**

✅  랜딩

✅  피버모드

✅  패널티

✅  점수 및 공유하기

### 랜딩

![랜딩](https://user-images.githubusercontent.com/66766189/154066687-25c1868f-1917-4a1a-a52d-2ae3e0cad9e3.gif)

- 애니메이션으로 통한 시각적인 효과를 주었습니다.
- 음표아이콘을 클릭하면 BGM을 켤 수 있습니다.

### 피버모드

![피버](https://user-images.githubusercontent.com/66766189/154066700-684e91fa-bba8-469a-ab7b-33b311de28aa.gif)

- 15회 연속으로 올바르게 입력하면 피버모드가 발동합니다.
- 라이트테마로 변경되며 랜덤으로 입력해도 스코어가 올라갑니다.

### 패널티

![패널티](https://user-images.githubusercontent.com/66766189/154066704-bd3484db-5553-4038-a3a8-eefd048d8270.gif)

- 오타가 5번이상이 되면 공룡이 불을 뿜습니다.
- 오타에 따라 공룡의 속도가 빨라집니다.

### 점수확인 및 공유

![결과](https://user-images.githubusercontent.com/66766189/154066709-74a3ca1f-5c68-4ae9-b405-1c578cc3d45c.gif)

- 스테이지를 클리어하거나 공룡에게 닿으면 게임이 종료 됩니다.
- 평균타수, 플레이시간, 정확도, 최대콤보를 확인 할 수 있습니다.
- “공유하기 버튼”으로 친구에게 결과를 공유할 수있습니다.

typo-saurus-code

typo-saurus-code 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

typo-saurus-code

typo-saurus-code 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README