Melting

처음 만난 사람들과 사용하는 아이스브레이킹 게임

✨ 멜팅 주요 기능

1️⃣ 얼음 녹이기

TMI 공개 및 작성자 공개
작성한 TMI를 보고 팀원들이 TMI의 주인이 누구인지 맞힙니다

2️⃣ 방 만들기

방 만들기
방을 만들고 코드를 입력하여 처음 만난 사람들이 이용할 수 있는 아이스브레이킹 게임으로 진입할 수 있도록 합니다

3️⃣ TMI 입력하기

오늘, 당신의 TMI 는 무엇인가요?
돌아가며 100자 이하의 자신의 TMI를 입력합니다

👥 Team

wrryu09	ijieun	j-nary	(202010927choiminjune)
승연	지은	진	민준
메인 게임 페이지	모달 제작	TMI 생성, 방 개설 및 참여	랜딩페이지, 방 참여 방법 선택

🛠 기술스택

category	stack
Common	yarn
Language	JavaScript
Build	Vite
Framework	React
Style	emotion
Data Fetching	Axios
Collaboration	Notion, Figma, Discord

📄 컨벤션 및 브랜치 전략

🖋️ 커밋 컨벤션

태그	설명
feat:	새로운 기능을 구현한 경우
fix:	버그 수정, 오류 해결
refactor:	코드 수정 및 리팩토링
style:	스타일 추가 및 수정
docs:	문서 추가, 수정, 삭제
init:	개발 환경 초기 세팅
chore:	그 외 자잘한 수정 (주석 삭제)

🖋️ 브랜치 전략

Github-flow

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
	|-- 📁 assets
	|-- 📁 api
	|-- 📁 components
	|      |-- 📁Button
	|          |-- Button.jsx
	|          |-- Button.style.js
	|-- 📁 constants
	|      |-- index.js (상수 데이터 많다면 분리)
	|-- 📁 pages
	|      |--📁APage
	|      |     |-- 📁ApageComponent
    |      |     |    |-- ApageComponent.jsx
	|      |     |    |-- ApageComponent.style.js
	|      |     |-- Apage.jsx
	|      |     |-- Apage.style.js
	|      |--📁BPage
	|      |--📁CPage
	|-- 📁 router
	|-- 📁 styles
	|      |-- 📁 theme
	|      |-- GlobalStyle.js
	|-- 📁 utils
	|-- App.jsx
	|-- main.jsx
|-- .prettierrc
|-- .gitignore

우리조 그라운드 룰

• 말투 둥글게 둥글게 해피솝커톤 했으면 좋겠어용 !! 즐거운 추억 쌓아가요 - 진이
• 모르는 부분 바로바로 얘기하기!! -승연
• 웃으면서 좋은 결과 내자 !!!! -지은
• 모르는 부분 있으면 바로바로 질문하여 의사소통에 문제가 안생기게 하기 !! 다같이 파이팅합시다~~ -민준

새싹 웨비 Before and After

Before

After