https://github.com/keyboardyst/aptgame

🏢 키보디st가 좋아하는 랜덤 게임~! 아파트 아파트
https://github.com/keyboardyst/aptgame

css3 firebase html5 javascript prettier

Last synced: 3 months ago
JSON representation

🏢 키보디st가 좋아하는 랜덤 게임~! 아파트 아파트

• Host: GitHub
• URL: https://github.com/keyboardyst/aptgame
• Owner: KEYBOARDYst
• Created: 2024-11-04T03:48:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-28T08:45:40.000Z (over 1 year ago)
• Last Synced: 2025-04-08T07:38:52.431Z (about 1 year ago)
• Topics: css3, firebase, html5, javascript, prettier
• Language: JavaScript
• Homepage: https://keyboardyst.github.io/APTGame/
• Size: 330 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🏢 아파트 게임

## 링크

- 배포 링크: [아파트 게임 시작하기](https://keyboardyst.github.io/APTGame/)

- 제작 영상: [아파트 게임 만들기](https://www.youtube.com/watch?v=1Nk9rGDYhiw&t=99s)

## 기능 설명

1. **게임 시작**: START 버튼을 눌러 랜덤 층 수가 나타나고, 카운트다운이 시작됩니다.

2. **양손 버튼**: 왼손과 오른손 버튼을 번갈아 누르며 층을 이동합니다.

3. **점수 저장**: 게임 종료 후 기록 달성에 성공하면 닉네임을 입력하여 점수를 저장할 수 있습니다.

4. **랭킹 확인**: 상위 5개의 점수가 랭킹 보드에 표시됩니다.

## 폴더 구조

```

📂 AGPGame

├── 📂 img # 이미지 파일 디렉토리

├── 📄 config.js # Firebase 설정 파일

├── 📄 index.html # 메인 HTML 파일

├── 📄 script.js # 게임 로직 JavaScript 파일

└── 📄 styles.css # 스타일 CSS 파일

```

## 기술 스택

[![Skills](https://skillicons.dev/icons?i=html,css,js,firebase)](https://skillicons.dev)

- `HTML5`: 구조와 콘텐츠 마크업

- `CSS3`: 레이아웃과 스타일링

- `JavaScript`: 게임 로직 및 동적 기능 구현

- `Firebase`: 실시간 데이터베이스 관리 (랭킹 및 점수 저장)

## 다운로드 및 실행 방법

1. 해당 저장소를 로컬 환경으로 클론

   ```bash

   git clone https://github.com/KEYBOARDYst/APTGame.git

   ```

2. HTML 파일을 브라우저에서 열어서 실행

## 라이선스

이 프로젝트는 MIT 라이선스를 따릅니다.

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FKEYBOARDYst%2FAPTGame&count_bg=%23F56B8F&title_bg=%23292929&icon=&icon_color=%23F56B8F&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)