Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: GunGonGamLee/ft_transcendence
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: main
Choose a base ref
...
head repository: sejoonkimmm/ft_transcendence
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Able to merge. These branches can be automatically merged.
  • 5 commits
  • 1 file changed
  • 1 contributor

Commits on Aug 26, 2024

  1. Update README.md

    @sejoonkimmm
    sejoonkimmm authored Aug 26, 2024
    Copy the full SHA
    ff0a6c1 View commit details

  2. Update README.md

    @sejoonkimmm
    sejoonkimmm authored Aug 26, 2024
    Copy the full SHA
    4a8156f View commit details

  3. Update README.md

    @sejoonkimmm
    sejoonkimmm authored Aug 26, 2024
    Copy the full SHA
    d4a0eca View commit details

  4. Update README.md

    @sejoonkimmm
    sejoonkimmm authored Aug 26, 2024
    Copy the full SHA
    3f7d6a6 View commit details

Commits on Aug 28, 2024

  1. Update README.md

    @sejoonkimmm
    sejoonkimmm authored Aug 28, 2024
    Copy the full SHA
    7364809 View commit details
Showing with 137 additions and 27 deletions.
  1. +137 −27 README.md
164 changes: 137 additions & 27 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,42 +1,75 @@
# ft_transcendence
<img width="400" alt="image" src="https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/ce67f899-fa8b-486a-8d1c-6587f1f2a302"> </br>
### Transcendence, 한계를 넘어 초월의 탁구세계로!
이 프로젝트는 사용자들이 실시간으로 서로 경쟁할 수 있는 온라인 pingpong 게임 웹사이트입니다. </br>

1972년에 처음 선보인 원조 Pong 게임의 클래식한 매력을 현대적인 웹 환경에서 재현했습니다. </br>
## Online Pixel Pong: A Modern Take on a Classic
Welcome to Online Pixel Pong, a web-based reimagining of the iconic 1972 Pong game. Our project brings the classic charm of the original into the modern web era, offering a nostalgic yet fresh gaming experience.

그 시절의 느낌을 웹에서 느낄 수 있게 픽셀 아트 테마로 재창조하여, 감성적인 레트로 경험을 제공하기 위해 노력했습니다. </br>
### Key Features

### Real-Time Multiplayer

* Enjoy seamless real-time gameplay powered by WebSocket technology
* Compete against friends or random opponents from around the world

### Tournament System

* Participate in exciting tournaments to determine the ultimate Pong champion
* Climb the ranks and prove your skills against tough competition

### Player Profiles and Statistics

* Track your game history and performance statistics
* View detailed match results and analyze your progress over time

### Social Features

* Add and remove friends for easy matchmaking
* Check your friends' online/offline status in real-time
* View and compare friend profiles to see how you stack up

### Diverse Game Modes

* Rank Game: Test your skills in 4-player random matchups
* Custom Rooms: Create and join custom game rooms tailored to your preferences

### 3Retro Pixel Art Design

* Immerse yourself in a pixel art theme that captures the essence of the 1972 original
* Experience the nostalgic feel of classic gaming with modern web technologies

Relive the classic charm of the 1972 Pong game in a contemporary web environment. Our pixel-based design offers an authentic retro experience while leveraging cutting-edge web technologies for smooth, responsive gameplay.
Join us for a trip down memory lane with a modern twist. Get ready to paddle your way to victory in Online Pixel Pong!

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FGunGonGamLee%2Fft_transcendence&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
</br></br>

## 게임 실행
## Execute Game
<details>
<summary>로그인 & 인증</summary>
<summary>Login & Authentication</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/7467e376-1644-426e-828d-3f49807ccad9


</details></br>
<details>
<summary>2P 모드(로컬게임)</summary>
<summary>2P Mode(Local game)</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/670acdde-9827-45dc-b5bb-bc33002256d8


</details></br>
<details>
<summary>1대1 커스텀 게임 (온라인)</summary>
<summary>1vs1 Custom game (online)</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/c5d1d617-8e92-4a17-b2f6-df585da9dc43


</details></br>
<details>
<summary>토너먼트 게임 (온라인)</summary>
<summary>Tournament game (online)</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/86b0744f-8c0a-43cd-bd3c-35f392f59a5f
@@ -45,7 +78,7 @@ https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/86b0744f-8c0a-4
</details><br/>

<details>
<summary>친구 창</summary>
<summary>Show online friend status</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/13e7d703-27c6-4865-903c-7ebddfdd9a20
@@ -54,20 +87,20 @@ https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/13e7d703-27c6-4
</details></br>

<details>
<summary>사용자 전적 창</summary>
전적창 메인
<summary>User record interface</summary>
Record Main


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/fc71b911-ddc7-4add-837f-bcc313348e7a


1대1 & 토너먼트 전적
1 vs 1 & Tournament record


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/5d0cc0ad-b711-4d10-a8f0-2639fb853677


다른 유저 전적검색
Search other Users


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/5d882cbb-74a6-457b-bfed-5adce7ad2b98
@@ -76,34 +109,111 @@ https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/5d882cbb-74a6-4
</details></br>

<details>
<summary>아바타 변경</summary>
<summary>Changing Avatar</summary>


https://github.com/GunGonGamLee/ft_transcendence/assets/50707297/1f16167a-fda5-421d-8328-f6a2c2104111


</details></br></br>

## 프로젝트 구조
## Project Architecture



## LINK
- 📙 [스토리 보드](https://www.figma.com/file/CxS9ap8Ko1PFhfO6v0zaq2/transcendence?type=design&node-id=0%3A1&mode=design&t=pESqo1DwG6V7rqe6-1)
- 📑 [요구사항 명세서](https://docs.google.com/spreadsheets/d/1-hZ0PfhosZ539TOEhrvpfw2djQhEwScYGIip54PuIQQ/edit?usp=sharing)
- 🗄 [DB 설계서](https://www.erdcloud.com/d/nRqheGjTLZChssmBT)
- 📙 [Story board](https://www.figma.com/file/CxS9ap8Ko1PFhfO6v0zaq2/transcendence?type=design&node-id=0%3A1&mode=design&t=pESqo1DwG6V7rqe6-1)
- 📑 [Requirements](https://docs.google.com/spreadsheets/d/1-hZ0PfhosZ539TOEhrvpfw2djQhEwScYGIip54PuIQQ/edit?usp=sharing)
- 🗄 [DB Table](https://www.erdcloud.com/d/nRqheGjTLZChssmBT)
</br></br>

## 스택
### 프론트엔드
## Tech stack 🛠️
### Frontend
[![stackticon](https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1711171110530?alt=media&token=eb2fa37d-bce2-400b-a833-447e757f3105)](https://github.com/msdio/stackticon)

### 백엔드
### Backend
[![stackticon](https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1711170663418?alt=media&token=0ff40d88-2773-45a6-a65a-93cf7e1bb2e5)](https://github.com/msdio/stackticon)
</br></br>

## 팀원
|![yena](https://avatars.githubusercontent.com/u/50291995?v=4)|![donghyk2](https://avatars.githubusercontent.com/u/81581828?v=4)|![wonlim](https://avatars.githubusercontent.com/u/90092181?v=4)|![sejokim](https://avatars.githubusercontent.com/u/117820621?v=4)|![hyojocho](https://avatars.githubusercontent.com/u/50707297?v=4)|
|:-:|:-:|:-:|:-:|:-:|
|[yena](https://github.com/nyj001012)|[donghyk2](https://github.com/donghyun1998)|[wonlim](https://github.com/LWJ0513)|[sejokim](https://github.com/sejoonkimmm)|[hyojocho](https://github.com/bluedog129)|
</br>


## Contributors

<table>
<tr>
<td align="center">
<a href="https://github.com/sejoonkimmm">
<img src="https://github.com/sejoonkimmm.png" width="150px;" alt="Sejoon Kim"/>
<br />
<sub><b>Sejoon Kim</b></sub>
</a>
<br />
<a href="https://github.com/sejoonkimmm"><img src="https://img.shields.io/badge/GitHub-sejoonkimmm-blue?logo=github" alt="GitHub Badge" /></a>
<br />
<sub>DevOps, Product Manager</sub>
<br />
<sub>Project Flow & Architecture Designer</sub>
<br />
<sub>GitHub Flow Manager</sub>
</td>
<td align="center">
<a href="[https://github.com/sejoonkimmm](https://github.com/nyj001012)">
<img src="https://github.com/nyj001012.png" width="150px;" alt="Sejoon Kim"/>
<br />
<sub><b>Yejin Na</b></sub>
</a>
<br />
<a href="[https://github.com/sejoonkimmm](https://github.com/nyj001012)"><img src="https://img.shields.io/badge/GitHub-nyj001012-blue?logo=github" alt="GitHub Badge" /></a>
<br />
<sub>Frontend Developer</sub>
<br />
<sub>Backend Developer</sub>
<br />
<sub>Software Architecture</sub>
<br />
</td>
<td align="center">
<a href="[https://github.com/LWJ0513](https://github.com/LWJ0513)">
<img src="https://github.com/LWJ0513.png" width="150px;" alt="Wonjeong Lim"/>
<br />
<sub><b>Wonjeong Lim</b></sub>
</a>
<br />
<a href="[https://github.com/sejoonkimmm](https://github.com/LWJ0513)"><img src="https://img.shields.io/badge/GitHub-LWJ0513-blue?logo=github" alt="GitHub Badge" /></a>
<br />
<sub>Backend Leader</sub>
<br />
<br />
<br />
</td>
<td align="center">
<a href="https://github.com/donghyun1998">
<img src="https://github.com/donghyun1998.png" width="150px;" alt="Donghyun Kim"/>
<br />
<sub><b>Donghyun Kim</b></sub>
</a>
<br />
<a href="https://github.com/donghyun1998"><img src="https://img.shields.io/badge/GitHub-donghyun1998-blue?logo=github" alt="GitHub Badge" /></a>
<br />
<sub>Frontend Leader</sub>
<br />
<br />
<br />
</td>
<td align="center">
<a href="[https://github.com/sejoonkimmm](https://github.com/bluedog129)">
<img src="https://github.com/bluedog129.png" width="150px;" alt="Hyojong Choi"/>
<br />
<sub><b>Hyojong Choi</b></sub>
</a>
<br />
<a href="[https://github.com/sejoonkimmm](https://github.com/bluedog129)"><img src="https://img.shields.io/badge/GitHub-bluedog129-blue?logo=github" alt="GitHub Badge" /></a>
<br />
<sub>Frontend Developer</sub>
<br />
<sub>Design Leader</sub>
<br />
<br />
</td>
</tr>
</table>