제목: 쉐어하우스/하우스메이트 공간 공유 플랫폼 "우리.zip" 프론트엔드 개발
소개:
안녕하세요 heroui님, 저희는 쉐어하우스 및 하우스메이트 매칭, 그리고 함께 거주하는 사용자들의 편리한 공동 생활을 지원하는 공간 공유 플랫폼 "우리.zip"의 프론트엔드 개발을 요청드립니다. 사용자 친화적인 인터페이스와 핵심 기능들을 React 기반으로 구현하여 원활하고 즐거운 사용자 경험을 제공하는 것을 목표로 합니다.
디자인:
서비스명: 우리.zip 메인 컬러: #DF6D14 세컨 컬러: #3A7D44, #9DC08B, #F8F5E9 전반적으로 따뜻하고 편안한 느낌을 주는 디자인을 지향합니다. 메인 컬러를 중심으로 세컨 컬러들을 적절히 활용하여 시각적인 균형을 이루어주세요. 주요 기능 및 요구 사항:
2.1. 캘린더: 공동 일정 (예: 청소 당번, 모임 등) 및 개인 일정을 시각적으로 확인할 수 있는 캘린더 UI를 구현합니다. 미리 알림 기능 (이메일 및 앱 내부 알림)과 연동하여 사용자에게 알림을 제공합니다. 2.2. 체크리스트: 초기 설정 또는 사용자가 생성한 체크리스트를 메인 화면에서 확인하고 완료 여부를 체크할 수 있는 UI를 구현합니다. 2.3. 개인의 생활비 기록 + 소비 분석: 사용자가 개인 생활비를 수동으로 기록하고 관리할 수 있는 폼을 제공합니다. 기록된 데이터를 기반으로 간단한 소비 분석 (예: 월별 지출 추이, 카테고리별 비율) 결과를 시각화하여 제공합니다. 3. 기타:
3.1. 미니 게임 (선택): 간단한 미니 게임 (예: 배달비 내기, 랜덤 뽑기 등)을 구현하여 사용자 간의 재미있는 상호작용을 유도합니다 (선택 사항으로 구현). 3.2. LLM 기반 잘잘못 가려주기 자취문철 (선택): LLM (Large Language Model) API를 활용하여 하우스메이트 간의 사소한 갈등이나 규칙 위반 여부를 판단해주는 기능 (선택 사항으로, LLM API 연동 필요). 3.3. 충전금 기반 벌금 및 공동구매 BM (선택): 사용자가 충전금을 예치하고, 규칙 위반 시 벌금을 차감하거나 공동구매 시 활용할 수 있는 비즈니스 모델 관련 UI (선택 사항으로 구현). 4. 개인:
4.1. 납부 기록 시스템 + 자동 이체 (선택): 개인이 납부해야 할 월세, 공과금 등의 기록을 관리하고 확인할 수 있는 시스템을 구현합니다. 가능하다면 자동 이체 기능을 연동합니다 (API 연동 필요, 선택 사항). 4.2. 지원금, 지원 찾기 플랫폼 (선택): 정부 또는 지자체에서 제공하는 주거 관련 지원금 정보를 제공하고, 사용자에게 맞는 지원금을 찾을 수 있도록 돕는 기능 (오픈 API 연동 가능성 검토, 선택 사항). 5. 공동 (쉐어하우스의 경우):
5.1. 대표 인원에게 송금 후 자동 이체 (선택): 쉐어하우스의 공동 비용 관리를 위해 대표 인원에게 송금하고, 설정된 항목에 대해 자동 이체를 진행하는 기능 (결제 API 연동 필요, 선택 사항). 5.2. 집안일 분담 + 규칙: 집안일 분담 목록을 생성하고 각 하우스메이트에게 할당/관리하는 기능을 구현합니다. 공동 생활 규칙을 설정하고 확인할 수 있는 기능을 제공합니다. 5.3. 더치페이: 배달 음식, OTT 등 공동으로 지출한 비용에 대해 각 하우스메이트에게 더치페이를 요청하고 관리하는 기능을 구현합니다. 6. 커뮤니티:
6.1. 공동구매: 하우스메이트들과 함께 필요한 물품을 공동으로 구매할 수 있는 게시판 형태의 기능을 구현합니다. 6.2. 하우스메이트 구하기: 새로운 하우스메이트를 찾는 사용자들이 자신과 맞는 사람을 찾을 수 있도록 프로필 기반의 검색 및 매칭 기능을 구현합니다. 7. 채팅 + 공유 캘린더:
하우스메이트 간 실시간 채팅 기능을 구현합니다. 공동 캘린더를 통해 일정을 공유하고 확인할 수 있는 기능을 제공합니다. 기술 스택:
기본적으로 React를 사용하여 개발합니다. 상태 관리 라이브러리 (예: Redux, Zustand, Context API) 사용을 고려해주세요. UI 라이브러리/프레임워크 (예: Material UI, Ant Design, Tailwind CSS) 사용은 heroui님의 판단에 맡깁니다. API 연동을 위한 라이브러리 (예: Axios, Fetch)를 사용합니다. 추가 요청 사항:
반응형 디자인을 적용하여 다양한 기기 환경에서 일관된 사용자 경험을 제공해야 합니다. 웹 접근성 및 UI/UX를 고려하여 개발해주세요. 각 기능 구현 시 명확한 컴포넌트 구조와 재사용 가능한 코드를 지향합니다. 초기 프로토타입 및 주요 기능 구현 후 지속적인 피드백을 통해 완성도를 높여갈 예정입니다. 전달 사항:
본 프롬프트는 "우리.zip" 프론트엔드 개발의 전반적인 방향과 주요 기능을 담고 있습니다. 각 기능의 세부적인 구현 방식 및 UI 디자인은 heroui님의 전문적인 판단과 제안을 존중합니다. 선택 사항으로 명시된 기능들은 우선순위에 따라 추후 논의하여 개발 여부를 결정할 수 있습니다. heroui님의 뛰어난 개발 능력으로 "우리.zip"의 매력적인 프론트엔드를 완성해주시기를 기대합니다. 감사합니다!