NEM-NE / WEB27-NogariHouse

🐟 쌍방향 음성 기반 SNS clubhouse 클론 프로젝트 🐟

🐟 TEAM 노가리 🐟

• 쓸데없는 여러 말들을 늘어놓으면서 좋은 아이디어를 캐치한다!
• 하루에 30분 이상씩 '함께' 노가리를 까는 문화

🧑🏻‍💻 팀원

Mulgyeol	HanCiHu	NEM-NE	iHoHyeon
정물결	유찬희	임성빈	이호현

👨🏻‍🏫 프로젝트 소개

Nogarihouse 는 캐주얼한 음성 채팅을 위한 장소입니다. 웹을 열면 사람들이 대화하고 다양한 대화를 탐색하는 "방"을 볼 수 있습니다.

이곳은 전 세계의 친구 및 새로운 사람들과 만나 수천 가지 다양한 주제에 대해 이야기하고, 질문하고, 토론하고, 배우고, 즉석 대화를 나눌 수 있는 장소입니다.

우리는 모두를 위한 Nogarihouse를 짓고 있으며 세계에 공개하게 되어 기쁩니다! 이제 웹에서 전 세계적으로 사용할 수 있습니다.

우리는 언제나 당신을 기다리고 있습니다. 지금 참여하세요.

언제 어디서나 편하게 노가리를 깔 수 있는곳! 노가리 하우스🏖로 놀러오세요

• 다양한 주제로 다양한 사람들과 노라기를 깔 수 있습니다! 🎤
• 아직 나의 목소리를 공개하기 수줍다고요? 그럼 익명 음성 채팅 기능을 활용해보세요! 😎
• 클럽하우*는 모바일만 지원이 됐죠? 노가리 하우스는 웹에서도 지원이 됩니다! 🛠️
• 만약 이번에 만난 사람들과 더 노가릴 까고 싶다면? 팔로우 하세요! 🙌
• 팔로우 말고 그룹지어서 관리하고 싶나요? 클럽을 만드세요! 👋
• 가입하기 귀찮으시다고요? 그럼 SNS를 통해 간단히 회원가입해보세요!🤝
• ⭐ ⭐ 믿음직한 개발팀 ⭐ ⭐ 이 노가리 하우스를 만들고 있습니다!

🌱 팀 그라운드 룰

Click

🐳 생활 수칙

• 데일리 개발 시간에는 줌 접속하기 !

시간	내용	Zoom
10:00 ~ 10:10	데일리 노가리 🐟 (TMI 들고오기)	on
10:10 ~ 10:30	데일리 스크럼	on
10:30 ~ 12:00	데일리 코드 쉐어 / 전날 PR 머지하기	on
12:00 ~ 13:30	느낌있는 점심식사	on/off(먹방 가능)
16:00 ~ 16:20	브레이크 타임 노가리 🐟	on
~ 18:50	데일리 개발	on
18:50 ~ 19:00	마무리 노가리 🐟	on

☀️ 데일리 스크럼

• 어제 진행 상황 공유
• 오늘 진행할 내용 공유
• 발생한 이슈 공유
• 오늘의 컨디션 발표 (10점 만점) 💯
• 화이팅 외치기 (팀 구호)
• 코드적인 부분은 데일리 코드 쉐어에서 !!
• 스프린트 회고
  • 이번주의 내 점수 발표
  • 긍정적으로 회고하기(칭찬과 격려, 피드백)
  • 그라운드 룰 / 마일스톤 등 점검
  • 노가리 🐟
    • 각자 주말 계획 공유하기 (그룹 프로젝트 관련 ❌ )
    • 다른 팀과 노가리 (기회되면)

✨ 네이밍 컨벤션

• 변수명 :: camelCase
• css :: kebab-case
• 파일명 :: kebab-case
• 함수 :: arrow function (필요한 케이스에서 선언식 사용)
• 함수명 :: PascalCase

📌 커밋 컨벤션

• 깃 커밋 :: Gitmoji 사용

  [Gitmoji] 제목 [epicNumber-StroyNumber-taskNumber 추후 결정]
  
  본문
  - 문장형으로 작성하기
  - 제목과 본문 한국어로 작성하기
  

  • 커밋 예시

  ♻️ 장애물 위치 지정 방식 조정
  
  장애물과 같은 오브젝트 위치 지정 방식을 3개 점 기준으로 하던 방식에서 대각선 두 점을 하는 방식으로 변경

  ➕ styled-components 적용
  
  styled-components dependency 추가

🌳 깃 브랜치 전략

• Git-flow 전략 참고

  • master : 제품으로 배포될 수 있는 브랜치
  • develop : 다음 배포 버전을 개발하는 브랜치
  • feature : 기능을 개발하는 브랜치 (매 feature 개발 시 생성 / 삭제)

• 기능별로 브랜치 나누기 !!

  우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그

👬 코드리뷰

• 매 PR 마다 최소 1명이 리뷰 후 머지하기 (코드쉐어와 같이 하기)

🛠 기술스택

Click

Front

• React
• Recoil
• Styled-Components
• Material-UI

Back

• Express
• MongoDB
• Mongoose
• Redis

Data Transfer

• WebRTC
• socket.io

Etc.

• TypeScript
• Swagger
• ESlint
• Airbnb Style Guide
• Slack
• Notion
• Miro
• Jest

package manager

• yarn

Infra

• Nginx
• NCloud

Miro 화면 시나리오

⭐ 클릭하면 이동합니다 ⭐

Figma 디자인 명세

Prototype

⭐클릭하면 이동합니다⭐

Design

⭐클릭하면 이동합니다⭐

백로그

⭐ 클릭하면 이동합니다 ⭐

API 명세

⭐ 클릭하면 이동합니다 ⭐