실시간 Pong 대회를 위한 웹사이트를 만드는 팀 프로젝트입니다.
- 42 OAuth와 github OAuth를 통해 로그인을 할 수 있으며, 자신의 프로필을 수정할 수 있습니다. 또한 Google OTP 를 활용한 이중 인증도 가능합니다.
login_profile.mov
- 게임은 매칭 메이킹 시스템을 통한 자동 매칭, 혹은 게임 초대를 통해 다른 유저와 Pong 게임을 진행할 수 있습니다.
pong-game.mp4
- 일대일 채팅과 다대다 채팅이 가능합니다. 다대다 채팅을 할 수 있는 채널은 공개 여부와 비밀번호를 설정할 수 있습니다.
chat_channel.mp4
- 다른 유저를 차단할 수 있습니다. 차단하면 상대의 채팅을 받지 않을 수 있습니다.
block.mp4
- 다른 유저에게 친구요청을 보낼 수 있습니다. 상대가 요청을 수락해 친구가 된다면 친구가 온라인인지 오프라인인지 게임중인지 확인할 수 있습니다.
friend.mov
2022.10 ~ 2022.12 (3개월)
hyeonsok, minsikim, jihkwon, jwoo
- docker, Nginx, PostgreSQL, NestJS, Next.js, Node.js, TypeScript, Socket.IO
- GitHub, Swagger, pgAdmin, MUI
- Notion, Slack, Figma
git clone https://github.com/ping-neo-meo-pong/pnmp.gitPOSTGRES_HOST=
POSTGRES_DATABASE=
POSTGRES_USER=
POSTGRES_PASSWORD=
POSTGRES_CONTAINER_PORT=
NGINX_HOST_PORT=
NGINX_CONTAINER_PORT=
BACKEND_PORT=
FRONTEND_PORT=
PGADMIN_HOST_PORT=
PGADMIN_CONTAINER_PORT=
PGADMIN_DEFAULT_EMAIL=
PGADMIN_DEFAULT_PASSWORD=
FORTY_TWO_CLIENT_ID=
FORTY_TWO_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
JWT_SECRET=
JWT_EXPIRED=
TZ=
NEXTAUTH_URL=
NEXTAUTH_SECRET=
make or docker-compose up -d --build
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent