우리들의 공간, MoiM

배너 이미지 위치

모임 바로가기

PROJECT MEMBERS

윤명국👨‍💻
원종환👩‍💻
김민성👨‍💻
현선혜👩‍💻
권성민👨‍💻
김병찬👩‍💻

Project

🗂 프로젝트 설명

“ 생활 공간 대여 플랫폼 MoiM ! ”

호스트는 자신의 소중한 공간을 누구에게나 공유할 수 있고,
게스트는 원하는 공간에서 필요한 시간만큼 예약할 수 있는 생활 공간 대여 플랫폼입니다 :)

📆 Project Timeline

• 기간 : 2022.11.05 ~ 2022.12.09
• 개발 언어 : Java, Javascript
• 개발 라이브러리 : React
• 개발 프레임워크 : Spring Boot
• 배포 환경 : Amazon S3
• 협업 툴 : Git / Notion / Figma

✨ 페이지 별 기능

• 메인
  사람들이 공유한 장소들을 둘러볼 수 있습니다. 카테고리별, 기획전, 오늘의 추천공간, 리뷰 등으로 구성되어 있습니다.:)

• 카테고리별
  카테고리별로 구분된 장소들을 둘러보세요! 원하는 조건에 따라 필터링해서 검색할 수 있고, 지도버튼을 눌러서 지도상에서 위치를 찾아볼 수 있습니다.

• 기획전
  

• 상세페이지
  

• 관리자페이지
  멤버, 공간, 공지사항, 기획전, 신고 등의 사이트 관리자만을 위한 기능을 제공합니다.

• 호스트페이지
  호스트가 공간에 대한 정보를 등록하고, 관련 정보를 수정·삭제할 수 있는 공간입니다.

• 예약페이지
  마음에 드는 공간을 예약하고, 예약한 정보들을 다시 확인할 수 있습니다.

• 찜한공간
  나만의 찜한 공간을 만들어보세요! 마음에 드는 공간들을 찜하여 다시 볼 수 있습니다.

• 검색
  원하는 공간 키워드를 검색하여, 해당 공간들을 찾아볼 수 있습니다. 최신순&인기순&가격순으로 나눠서 볼 수 있어요!

• 이용후기
  해당 공간을 사용한 유저들의 생생하고 솔직한 후기를 작성하고 공유할 수 있습니다.

• 공지사항
  사이트 이용에 대한 공지사항과 각종 이벤트를 확인할 수 있습니다.

• 마이페이지
  프로필&비밀번호 변경, 회원탈퇴 등 회원정보 수정 및 삭제 기능이 가능하며, 사이드메뉴에는 나의리뷰, 찜 목록, 나의예약, 최근 본 장소 등 회원만의 맞춤메뉴를 확인할 수 있습니다.

• 최근 본 공간
  회원이 최근에 본 공간들을 볼 수 있는 페이지입니다. 유저가 상세페이지에 접속시 해당 공간의 id를 브라우저의 세션 스토리지에 저장하는 방식입니다.

🏷 API Table 🏷

🛠 Tech Stack & Platform

Tech

Tools

아키텍처✨

ERD

사이트 데모🎥

데모영상

메인페이지	계획세우기	실시간 기능
검색(무한스크롤)	상세페이지	댓글
회원가입	로그인	마이페이지

📢 User Test

개선사항 사례

✏️ "실시간으로 공유되는 부분을 모르겠어요,,,"

여행계획 세우는 페이지 내, 각 장소에 따른 메모 작성시

해당 textarea를 활성화

✏️ "검색기능에 필터링 추가해주세요! "

최신순을 default로 설정하고, 조회수 순, 찜 순 3가지로 필터링기능 추가