Skip to content

42organization/42gg.client

Repository files navigation


42GG_neon_logo

프로젝트 소개

42 서울 내에서 탁구 경기 매칭, 전적 서비스, 행사 서비스 및 아우터 평가 매칭을 제공하는 프로젝트 입니다.

🔸 Kakao 계정으로 로그인한 유저는 매칭/전적 서비스를 이용할 수 없습니다! 🔸

🔹 42 계정으로 로그인한 유저는 모든 기능 이용 가능! 🔹


Front-end 기술 스택


프로젝트 사이트 주소


멤버

1기

역할 LEAD🐰 🐻 PM 🦁 🐨 🐤
이름 배재영 @jabae 김대현 @daekim 박수정 @sujpark 박기선 @kipark 김지현 @jihyukim

2기

역할 LEAD🐱 🐬 🔥 PO🐙 🐣
이름 정래현 @rjeong 임형우 @him 김성욱 @sungwook 송문혁 @mosong 정다인 @daijeong

3기, 4기

역할 LEAD🐧 🌚 🥨 🦥
이름 윤정연 @jeyoon 박형준 @hyungjpa 박상민 @sangmipa 조효빈 @hyobicho

5기

역할 LEAD🐧 🌚 🥨
이름 김재혁 @jaehyuki 전준호 @junhjeon 박진철 @jincpark

6기

역할 LEAD🐧 Party detail room 개발 Party admin 개발
이름 정우진 @woojeong 하주영 @juha 원재윤 @jaeywon

7기

역할 LEAD🌿 🧸 🦊
이름 이시원 @siwolee 임지현 @jihylim 이정론 @jeongrol

주요 기능 소개

🔐 42 OAuth, Kakao OAuth api를 통해 로그인할 수 있습니다.

Login_main     Login_42     Login_kakao

💡메인 페이지에서 행사, 티켓, 탁구, 아우터 매치 서비스로 이동할 수 있습니다.

image image image

🏓 탁구 서비스 🏓


🙋‍♂️ 출석을 통해 코인을 획득할 수 있습니다.

Attendance     Attendance_gif

🏓 메인페이지에서 Party모집, 탁구 랭킹, 최근 경기를 확인할 수 있습니다.

Main_Main     Main_Menu     Main_Noti

💃 매치페이지에서 나와 비슷한 실력의 상대와의 경기를 매칭할 수 있습니다 🕺

🏓 Play 아이콘을 클릭해 매치 페이지로 이동해 보아요! 최대 3개의 슬롯을 예약할 수 있습니다.

Match_Main     Match_1
Match_2     Match_3     Match_4

🏓 3가지 모드로 경기를 즐길 수 있어요!

Match_Both     Match_Normal     Match_Rank

📝 경기가 끝난 후 점수를 입력해서 기록을 남기고 코인을 획득하세요!

Score_Input     Score_Check     Score_Result

🥇 랭킹을 확인할 수 있습니다

Rank_PPP     Rank_VIP

🏦 상점 페이지에서 아이템을 구매하고 사용할 수 있습니다

Store_Main     Store_Inventory

🧳 프로필 변경권, ID 색깔 변경권, 확성기, EDGE 뽑기, 배경 뽑기를 사용할 수 있습니다

Item_Profile     Item_Idcolor     Item_Edge     Item_Background     Item_Megaphone

🎲 뽑기 애니메이션도 있어요

Gacha_Background     Gacha_Edge

💰 본인의 코인 내역도 확인할 수 있습니다

Store_CoinClick     Store_CoinHistory

🏓 개최된 토너먼트에 참가 신청을 할 수 있습니다

Store_CoinHistory     Store_CoinHistory

🏓 진행중인 토너먼트를 실시간으로 확인 할 수 있습니다

Store_CoinHistory

🏆 명예의 전당에서 토너먼트 우승자들을 확인 할 수 있어요!

Store_CoinHistory     Store_CoinHistory

🔥 최근 경기들을 확인할 수 있습니다

RecentGame_Both     RecentGame_Normal     RecentGame_Rank

🧑 유저페이지에서 유저 정보를 확인할 수 있습니다.

👤 나의 PPP(Ping Pong Power) 변화 그래프와 최근 경기 기록을 확인할 수 있어요!

Profile_Graph     Profile_Record

👤 상태메시지와 라켓 종류를 변경해보아요!

Profile_Edit     Profile_Edit2

👤 42 계정과 Kakao 계정을 연동할 수 있어요!

Profile_Connect_Kakao     Profile_Connect_42

⏰ 42 intra에 등록된 이메일을 통해 알림을 받을 수 있습니다

email

🧑‍🤝‍🧑 파티 리스트 페이지에서 현재 생성된 방을 한 눈에 볼 수 있습니다.

party list page

🧑‍🤝‍🧑 파티 방을 만들 때도 카테고리 선택 후 방을 생성할 수 있습니다.

party category party create room

🧑‍🤝‍🧑  누구나 쉽게 친구 또는 익명의 사용자와 Party를 맺을 수 있어요!

방장 화면 팀원 화면 유저 화면
party manager page party member page party user page



📅 행사(Agenda) 서비스 📅


🗓️ 현재 모집중/진행중/종료된 행사와 내가 참여중인 행사를 한눈에 볼 수 있습니다.

image image

ℹ️ 대회 설명, 참여자, 공지사항과 포스터를 확인할 수 있습니다.

image image

🧑‍💻 유저의 상태와 권한에 따라 버튼이 활성화 됩니다.

[ 주최자 ]

image image

[ 일반 유저(참여 전 / 참여 후) ]

image image

👥 참여자 목록을 코알리숑과 함께 보여줍니다. (개인/팀 참여)

image image

👥 팀을 만들고 참여할 수 있습니다.

image image image

📢 공지사항을 한눈에 볼 수 있습니다.

공지사항이 등록될 경우 참여자의'Slack'으로 알림이 갑니다.

image image

🛠️ 원하는 행사를 개최할 수 있습니다.

image

✏️ 대회 종료 후 순위를 직접 입력할 수 있습니다.

image

🎫 티켓을 발급하고 내역을 확인할 수 있습니다.

image image

👤 내 프로필과 다른 유저의 프로필을 검색하여 볼 수 있습니다.

image image