https://github.com/dnd-side-project/dnd-10th-4-frontend
내 마음 속의 바다 🌊
https://github.com/dnd-side-project/dnd-10th-4-frontend
emotion msw react react-hook-form storybook tanstack-query typescript
Last synced: 7 months ago
JSON representation
내 마음 속의 바다 🌊
- Host: GitHub
- URL: https://github.com/dnd-side-project/dnd-10th-4-frontend
- Owner: dnd-side-project
- Created: 2024-01-15T12:48:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-16T04:58:52.000Z (over 1 year ago)
- Last Synced: 2024-04-17T04:29:38.965Z (over 1 year ago)
- Topics: emotion, msw, react, react-hook-form, storybook, tanstack-query, typescript
- Language: TypeScript
- Homepage: https://oceanletter.site
- Size: 2.93 MB
- Stars: 10
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
## 내 마음 속 바다
## 배포 주소
🖥️ 서비스 배포 주소 - https://oceanletter.site/
🎨 Storybook 주소 - https://main--65a6c73d536a3c43b7c5c9bb.chromatic.com/
> 카카오 로그인 없이 화면을 둘러보시려면, Mock 데이터가 적용된 배포 주소를 이용해주세요!
> ➡️ Mock 배포 주소: https://oceanletter-mock.vercel.app/
## 로컬 실행 커맨드
```sh
npm install # 패키지 설치
npm run dev:msw # MSW 모의 환경에서 개발 서버 실행
npm run dev # 로컬에서 개발 서버 실행
npm run storybook # 로컬에서 스토리북 실행
```
## 핵심 기능
### 1. 편지 작성
나와 비슷한 고민을 했을 낯선이에게 나의 이야기를 담은 편지를 보내요.
> 편지를 받는 대상의 나이, 성별, 그리고 나의 고민을 선택하여
> 나와 비슷한 고민을 했을 누군가에게 나의 이야기를 담은 편지를 보낼 수 있어요.
### 2. 흘러온 편지
누군가가 작성한 편지에 대해 빠르고 진중하게 진심 어린 답장을 보내요.
> 48시간안에 답장을 하지 않으면 편지는 다시 바다로 흘러가요. 흘러온 편지에 대한 답장은 단 한번만 가능해요.
> 주어진 시간 안에 빠르게, 그리고 한번의 답장으로 더 진중하게 진심어린 위로를 나눌 수 있어요.
### 3. 보관 하기
간직하고픈 편지는 보관함에 보관해요.
> 나에게 큰 위로가 되었던, 혹은 마음에 와닿았던 편지는 내 보관함에 저장하고 언제든지 다시 읽을 수 있어요.
> 마음에 들지 않거나 불편한 편지는 신고할 수 있어요. 내 마음 속 바다에서는 힐링과 따뜻함만을 느낄 수 있도록 도와드려요.
## 시연 영상
https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/c40ebba9-2ee6-44c0-b44c-f922d0e3bf00
## 기술 스택
## 주제 및 배경 소개
## 팀 소개
이상훈
이지현
김동웅
신재원
신지예
박예원
FrontEnd
FrontEnd
BackEnd
BackEnd
Design
Design