가천대생을 위한 모임 어플 MITI

미티에서 원하는 시간, 원하는 장소의 모임을 선택하고 다양한 미티친구들과 실시간으로 채팅을 나눠봐요!

🧡 프로젝트 정보

---

• 가천대학교 학생들을 위한 모임 플랫폼 애플리케이션입니다.
• 미팅 검색, 참여 요청, 실시간 채팅 등의 핵심 기능을 제공하며, iOS와 Android 플랫폼에 모두 출시되었습니다.

⏰ 개발 기간

---

• 2023.09 ~ 2024.11

😊 멤버

---

프론트엔드 김현중 @kimgorok	백엔드 JeongHyeon Song @jeonghyeon00

🛠 기술 스택

---

환경

프레임워크 및 언어어

빌드 도구

라이브러리

• Recoil: 애플리케이션의 상태 관리
• React Query: 서버 상태 관리 및 데이터 페칭
• React Router DOM: 애플리케이션의 페이지 라우팅 도구
• React Hook Form: 폼 상태 관리 및 유효성 검사
• StompJS: STOMP 프로토콜 클라이언트
• jwt-decode: JWT 토큰 디코딩

스타일 및 애니메이션

• TailwindCSS: 유틸리티 기반 CSS 프레임워크
• Styled Components: CSS-in-JS 라이브러리
• PostCSS: CSS 전처리기
• Framer Motion: React 애니메이션 라이브러리

빌드 도구 및 개발 도구

• Vite: 빠른 개발 서버 및 빌드 도구
• ESLint: 코드 품질 및 스타일 검사 도구

하이브리드 플랫폼 (Hybrid platform)

🧡 주요 기능

---

회원 가입

• 오직 가천대학교의 이메일주소인 @gachon.ac.kr를 사용해 가입이 가능합니다.
• 이메일 인증 후 닉네임, 성별, 키, 몸무게를 입력한 뒤 가입이 가능합니다.

미팅 둘러보기

• 로그인을 한 뒤 이동하는 모집중인 미팅 화면에서 개설된 미팅을 확인할 수 있습니다.
• 페이지 네이션이 적용되어, 페이지를 넘기며 더 많은 미팅을 확인할 수 있습니다.
• 미팅방의 제목 혹은 장소로 검색이 가능합니다.

미팅 참여하기

• 개설된 미팅중 선택된 미팅에 참여를 신청할 수 있습니다.
• 닉네임으로 본인 외의 참여자를 추가할 수 있습니다.

미팅 만들기

• 미팅의 제목과 설명, 미팅 날짜, 만남 장소, 미팅 인원 그리고 추가 참여자등을 선택한 뒤에 미팅방을 개설할 수 있습니다.

참여 요청

• 미팅방의 개설자는 새로운 참여요청을 수락하거나 거절할 수 있습니다.
• 거절된 사용자는 해당 미팅방에 다시 참여 요청을 할 수 없습니다.
• 참여 요청은 푸시 알림 기능을 통해 실시간으로 사용자에게 알림을 보냅니다.

실시간 채팅

• 미팅방에 가입하면 미팅방 내의 다른 사용자들과 실시간 채팅으로 소통할 수 있습니다.
• 무한 스크롤을 통해 지난 채팅을 자연스럽게 조회할 수 있습니다.
• 새로운 다른 사용자의 채팅은 푸시 알림 기능을 통해 실시간으로 사용자에게 알림을 보냅니다.

프로필

• 참여한 진행중인 미팅과 지난 미팅을 확인할 수 있습니다.
• 기본 프로필 수정, 문의, 사용자 신고 및 차단, 이용 약관 확인, 비밀번호 변경, 로그아웃, 회원 탈퇴 등이 가능합니다.

📺 화면 구성

---

미팅 둘러보기	미팅 참여하기
참여 요청	실시간 채팅

플레이스토어 업로드 자료

🧡 미티 다운로드 주소

플레이스토어 : https://play.google.com/store/apps/details?id=com.gcc.miti

앱스토어 : https://apps.apple.com/kr/app/%EB%AF%B8%ED%8B%B0/id6478576518