내 마음 속 바다

배포 주소

🖥️ 서비스 배포 주소 - https://oceanletter.site/
🎨 Storybook 주소 - https://main--65a6c73d536a3c43b7c5c9bb.chromatic.com/

카카오 로그인 없이 화면을 둘러보시려면, Mock 데이터가 적용된 배포 주소를 이용해주세요!
➡️ Mock 배포 주소: https://oceanletter-mock.vercel.app/

로컬 실행 커맨드

npm install # 패키지 설치

npm run dev:msw # MSW 모의 환경에서 개발 서버 실행
npm run dev # 로컬에서 개발 서버 실행
npm run storybook # 로컬에서 스토리북 실행

핵심 기능

1. 편지 작성

나와 비슷한 고민을 했을 낯선이에게 나의 이야기를 담은 편지를 보내요.

편지를 받는 대상의 나이, 성별, 그리고 나의 고민을 선택하여
나와 비슷한 고민을 했을 누군가에게 나의 이야기를 담은 편지를 보낼 수 있어요.

2. 흘러온 편지

누군가가 작성한 편지에 대해 빠르고 진중하게 진심 어린 답장을 보내요.

48시간안에 답장을 하지 않으면 편지는 다시 바다로 흘러가요. 흘러온 편지에 대한 답장은 단 한번만 가능해요.
주어진 시간 안에 빠르게, 그리고 한번의 답장으로 더 진중하게 진심어린 위로를 나눌 수 있어요.

3. 보관 하기

간직하고픈 편지는 보관함에 보관해요.

나에게 큰 위로가 되었던, 혹은 마음에 와닿았던 편지는 내 보관함에 저장하고 언제든지 다시 읽을 수 있어요.
마음에 들지 않거나 불편한 편지는 신고할 수 있어요. 내 마음 속 바다에서는 힐링과 따뜻함만을 느낄 수 있도록 도와드려요.

시연 영상

dnd_4._.mp4

기술 스택

주제 및 배경 소개

팀 소개

이상훈	이지현	김동웅	신재원	신지예	박예원
FrontEnd	FrontEnd	BackEnd	BackEnd	Design	Design