메이트메이트(MATEMATE) 룸메이트 매칭

상세

한국공학대학교 방학·캡스톤 팀 프로젝트로, 기숙사 룸메이트를 생활 습관·성향 조건으로 매칭하는 모바일 웹 서비스입니다. 랜덤 배정·지인 추천 대신 본인·희망 룸메이트 정보를 입력하면 조건에 맞는 상대를 찾을 수 있도록 설계했습니다. 소스·배포는 team-matemate/matemate 저장소와 Firebase(matemate-2025)에서 관리합니다.

소요 시간: 약 4주 (GitHub 집중 개발)
언어·핵심 스택: HTMLSCSSJavaScriptFirebaseFigma
사용 도구·전체 스택: HTMLSCSSJavaScriptFirebase HostingFirestoreCloud FunctionsFigma

데모 보기 GitHub

캡처

개요

역할: 기획 90%·UI 디자인 30%·퍼블리싱 100% (team-matemate)

내가 한 일

문제 정의·서비스 기획·매칭·인증·채팅·게시판 등 사용자 흐름과 IA 설계
`public/html/`에 auth·match·chat·board·cutline·user·main 화면 퍼블리싱 및 SCSS 컴포넌트 구조 정리
Firebase Hosting(루트 → main), Firestore·Storage rules, Cloud Functions 백엔드 연동 구성
Swiper·공통 JS로 매칭·목록 인터랙션 구현, C2C 반복 수정에 맞춘 UX 정리

성과

team-matemate 조직 저장소에서 약 74커밋·4주간 집중 개발로 MVP 화면·배포 파이프라인 완성
체크리스트·개인 게시글 방식 대비 자동 조건 매칭이라는 서비스 차별점을 UI 흐름으로 구현

포인트

팀 캡스톤에서 기획·퍼블리싱을 맡으며 협업 저장소 기준으로 화면 단위를 쪼개 작업
Firebase로 호스팅·DB·함수를 묶어 모바일 웹 프로토타입을 실제 URL로 공유 가능