Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
newjinlee authored Dec 14, 2023
1 parent 6b4a779 commit da35b0d
Showing 1 changed file with 143 additions and 11 deletions.
154 changes: 143 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,152 @@
# Tekken Tier Support - Backend
철권 서포트 웹서비스 - Backend
## TEKKEN Supporter(철권 서포터 웹)
- Backend

## Overview
![Logo](https://i.ibb.co/YdgqBCw/tekkenlogo.png)

This project was initiated to address the irrational management of the Tekken tier list, as previously maintained on the whiteboard in the Interface Room. Our aim is to introduce objective criteria for tier changes, automating promotions and demotions based on game outcomes. By doing so, we hope to reduce emotional conflicts among club members and enhance efficiency, thereby invigorating our gaming community and fostering its growth.
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FTekken-Supporter%2FFrontend&count_bg=%233D87C8&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)

## Objectives
## 프로젝트 정보

1. **Introduce Objective Standards**: Implementing clear, unbiased criteria for tier adjustments to ensure fair and transparent ranking.

2. **Automate Tier Adjustments**: Developing a system that automatically updates tiers based on the results of the games played, minimizing manual intervention.
### 목적

3. **Reduce Emotional Conflicts**: By removing subjective judgment from tier changes, we aim to decrease the potential for interpersonal issues within the club.
본 프로젝트의 목표는 등급 변경에 대한 객관적인 기준을 도입하고 게임 결과에 따라 승격 및 강등을 자동화하는 것입니다. 이를 통해 커뮤니티 구성원 간의 정서적 갈등을 줄이고 효율성을 높여 게임 커뮤니티에 활력을 불어넣고 성장을 도모하고자 합니다.

4. **Enhance Efficiency**: Streamlining the process of updating tiers to save time and effort, allowing members to focus more on gameplay and improvement.
### 개발 기간

5. **Foster Community Growth**: By improving the tier list system, we intend to create a more vibrant and engaging environment that encourages active participation and development within the Tekken community.
2023년 7월 개인 스터디 진행<br>
2023년 8월 개발 시작<br>
2023년 9월 개발 진행<br>
2023년 10월 개발 진행<br>
2023년 11월 개발 마무리<br>
2023년 11월 30일(목) ~ 12월 1일(금) 전시<br>

---
## 인스턴스 접속 주소

| Instance | SSH host |
| --- | --- |
| Backend | http://34.168.80.42:3000/ |
| Database | http://35.197.33.29:3306 |
| Frontend | http://34.168.80.42:3000/ |

## 팀 소개

모르면 맞아야조

세종대학교 전자정보통신공학과/컴퓨터공학과 19 박상욱 ([@sw0501](https://github.com/sw0501)) <br>
세종대학교 전자정보통신공학과/컴퓨터공학과 19 조영우 ([@chodevelop](https://github.com/chodevelop)) <br>
세종대학교 전자정보통신공학과/컴퓨터공학과 21 김서현 ([@betterb2etr](https://github.com/betterb2etr)) <br>
세종대학교 컴퓨터공학과 21 이유진 ([@newjinlee](https://github.com/newjinlee)) <br>
세종대학교 전자정보통신공학과 22 문창민 ([@cmmoon03](https://github.com/cmmoon03)) <br>

## Stacks

### Environment
<img src="https://img.shields.io/badge/visualstudiocode-007ACC?style=for-the-badge&logo=visualstudiocode&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/github-181717?style=for-the-badge&logo=github&logoColor=white">

### Development
<img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black"> <img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white"> <img src="https://img.shields.io/badge/css-1572B6?style=for-the-badge&logo=css3&logoColor=white"> <img src="https://img.shields.io/badge/node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white"> <img src="https://img.shields.io/badge/express-000000?style=for-the-badge&logo=express&logoColor=white"> <img src="https://img.shields.io/badge/mysql-4479A1?style=for-the-badge&logo=mysql&logoColor=white">

### Communication
<img src="https://img.shields.io/badge/notion-000000?style=for-the-badge&logo=notion&logoColor=white"> <img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white">

## 화면 구성

### 메인 페이지
<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/63a44340-d77d-4abb-90a0-0108128b9a25">
<br><br>

### 계정 정보 페이지
<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/703d618c-5b25-4f2a-bedf-307f3d82ced7">
<br><br>

### 티어표 페이지
<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/875c8050-0607-4233-9099-d7527165df57">
<br><br>

### 1:1 대결 페이지
<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/a49c98c9-60e7-43fc-ac1d-430ae3536d0f">
<br><br>

### 캐릭터 도움말 페이지
<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/8f56ec8c-9468-42ba-9001-c506d5bcb169">
<br><br>

## 주요 기능

### 로그인/ 회원가입 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/6f2c300a-f8e0-4944-ac4b-dbf31e9f8a49">
<br>로그인 팝업<br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/0af648b6-92ea-4832-a4dc-7ff78cdcd3af">
<br>로그인 성공 알람<br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/a9a469a4-6a3a-474d-92e7-59f9c0386d02">
<br>회원가입 팝업<br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/3f1dde07-21c3-406c-b497-5667864bf6fb">
<br>회원가입 성공 알람<br><br>

### 계정 정보 수정 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/57781494-043e-439c-ae1e-1e6df0508763">
<br>비밀번호와 주캐릭터 수정 기능<br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/3a47151b-45a1-4cab-ae4d-d3b1af551085">
<br>계정 정보 수정 성공 알람<br><br>

### 1:1 대결 신청 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/fd672599-0afa-4c34-96b7-32dc25d1cfc2">
<br>자신과 같은 티어이거나, 한 단계 위 티어의 사용자에게 대결 날짜와 내용이 담긴 1:1 대결 신청 기능<br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/bcd5728f-7609-4b7d-9f20-ec4cd653a9b6">
<br>대결 신청 성공 알람<br><br>

### 신청 받은 대결 수락/ 거절 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/0c8e600c-6967-4367-bb48-0397478a76bc">
<br>미확인 신청을 확인하고 수락/ 거절하는 기능 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/9a0d338b-244f-4fa2-94df-796082717554">
<br>대결 성사 알람 <br><br>

### 대결 결과 입력 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/7ccb1b62-9556-47b7-bd50-1bcdb1b31b02">
<br>대결 날짜에 철권 경기 후, 대결 결과를 입력하는 기능 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/134e9663-ced6-4add-8845-868220816353">
<br>대결 승자 알람 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/5989fed6-c665-4c65-b3b4-2b57c779241c">
<br>저장된 대결 결과 확인 기능 <br><br>

### 승률 변동 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/b0a7efa8-1010-4c2d-a12b-d7ef5f3cf4e9">
<br>대결 점수에 따라 승률이 자동으로 변경되는 기능 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/cbc466f9-ec39-4e1a-99b4-74c426dd3f57">
<br>승률에 따라 티어표가 자동으로 변경되는 기능 <br><br>

### 리뷰 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/291e484a-aeb6-49e6-990b-4b8769bd241d">
<br>캐릭터에 대한 리뷰 기능 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/dbfc7145-0f09-4795-ada7-2d78b2c76c2c">
<br>리뷰 작성 확인 알람 <br><br>

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/43bd5fb9-3d80-4d2d-9bc5-ad0a346b4c61">
<br>사용자들이 작성한 리뷰들을 볼 수 있는 기능 <br><br>

### 캐릭터 정보 열람 기능

<img width="640" alt="image" src="https://github.com/Tekken-Supporter/Frontend/assets/109906670/642aa707-29e5-45e2-b164-8bd2d775834b">
<br>캐릭터 정보 열람 기능 <br><br>

## 아키텍쳐

### 디렉토리 구조

0 comments on commit da35b0d

Please sign in to comment.