{"id":26377203,"url":"https://github.com/dnd-side-project/dnd-10th-4-frontend","last_synced_at":"2025-03-17T03:26:46.897Z","repository":{"id":217312259,"uuid":"743533788","full_name":"dnd-side-project/dnd-10th-4-frontend","owner":"dnd-side-project","description":"내 마음 속의 바다 🌊","archived":false,"fork":false,"pushed_at":"2024-04-16T04:58:52.000Z","size":3068,"stargazers_count":10,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-17T04:29:38.965Z","etag":null,"topics":["emotion","msw","react","react-hook-form","storybook","tanstack-query","typescript"],"latest_commit_sha":null,"homepage":"https://oceanletter.site","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dnd-side-project.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-01-15T12:48:47.000Z","updated_at":"2024-04-18T05:39:37.567Z","dependencies_parsed_at":"2024-03-28T01:26:14.658Z","dependency_job_id":"5ba93ce6-8aa6-486e-921c-ad27bc733d97","html_url":"https://github.com/dnd-side-project/dnd-10th-4-frontend","commit_stats":null,"previous_names":["dnd-side-project/dnd-10th-4-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnd-side-project%2Fdnd-10th-4-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnd-side-project%2Fdnd-10th-4-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnd-side-project%2Fdnd-10th-4-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnd-side-project%2Fdnd-10th-4-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dnd-side-project","download_url":"https://codeload.github.com/dnd-side-project/dnd-10th-4-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243967094,"owners_count":20376181,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["emotion","msw","react","react-hook-form","storybook","tanstack-query","typescript"],"created_at":"2025-03-17T03:26:46.340Z","updated_at":"2025-03-17T03:26:46.890Z","avatar_url":"https://github.com/dnd-side-project.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 내 마음 속 바다\n\n![표지](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/41166b21-42ba-46d4-b826-a9f81cb7709a)\n\n## 배포 주소\n\n🖥️ 서비스 배포 주소 - https://oceanletter.site/  \n🎨 Storybook 주소 - https://main--65a6c73d536a3c43b7c5c9bb.chromatic.com/\n\n\u003e 카카오 로그인 없이 화면을 둘러보시려면, Mock 데이터가 적용된 배포 주소를 이용해주세요!  \n\u003e ➡️ Mock 배포 주소: https://oceanletter-mock.vercel.app/\n\n## 로컬 실행 커맨드\n\n```sh\nnpm install # 패키지 설치\n\nnpm run dev:msw # MSW 모의 환경에서 개발 서버 실행\nnpm run dev # 로컬에서 개발 서버 실행\nnpm run storybook # 로컬에서 스토리북 실행\n```\n\n## 핵심 기능\n\n### 1. 편지 작성\n\n나와 비슷한 고민을 했을 낯선이에게 나의 이야기를 담은 편지를 보내요.\n\n\u003e 편지를 받는 대상의 나이, 성별, 그리고 나의 고민을 선택하여  \n\u003e 나와 비슷한 고민을 했을 누군가에게 나의 이야기를 담은 편지를 보낼 수 있어요.\n\n![4-편지작성](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/a19a4b02-765a-48bd-b68c-b2b824da7836)\n\n### 2. 흘러온 편지\n\n누군가가 작성한 편지에 대해 빠르고 진중하게 진심 어린 답장을 보내요.\n\n\u003e 48시간안에 답장을 하지 않으면 편지는 다시 바다로 흘러가요. 흘러온 편지에 대한 답장은 단 한번만 가능해요.  \n\u003e 주어진 시간 안에 빠르게, 그리고 한번의 답장으로 더 진중하게 진심어린 위로를 나눌 수 있어요.\n\n![관리자 편지](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/495548bf-ef84-4908-b45d-0fbbc6f11637)\n\n### 3. 보관 하기\n\n간직하고픈 편지는 보관함에 보관해요.\n\n\u003e 나에게 큰 위로가 되었던, 혹은 마음에 와닿았던 편지는 내 보관함에 저장하고 언제든지 다시 읽을 수 있어요.  \n\u003e 마음에 들지 않거나 불편한 편지는 신고할 수 있어요. 내 마음 속 바다에서는 힐링과 따뜻함만을 느낄 수 있도록 도와드려요.\n\n![3-보관함](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/a582d7a4-5927-4f86-9b20-4f5c30ba66c1)\n\n## 시연 영상\n\nhttps://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/c40ebba9-2ee6-44c0-b44c-f922d0e3bf00\n\n## 기술 스택\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=800\" src=\"https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/98106371/6cd41355-c863-4212-a5cb-1c20735052eb\" /\u003e\n\u003c/p\u003e\n\n## 주제 및 배경 소개\n![04_백그라운드](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/ef1cca56-099d-4515-8dc2-3b487d2e9a24)\n\n![05_유저 인터뷰](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/8317c1a6-bbc7-418a-a4a4-1f6e7886fc1d)\n\n![09_프로젝트 골](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/17321614-352b-4ab5-ae41-c292891e6e69)\n\n![기능1](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/d0f9fbef-5bee-424e-bc36-fcd9932acbec)\n\n![기능2](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/93b599b2-4691-45fc-b31b-ef9ba643a6a2)\n\n![기능3](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/f5a04961-adf4-4961-bc5b-2a2aac86e8c3)\n\n![기능4](https://github.com/dnd-side-project/dnd-10th-4-frontend/assets/50488780/9d714e48-1b1b-49d1-aa3e-4c65f2ff9392)\n\n## 팀 소개\n\n\u003ctable align=\"center\"\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/bbearcookie\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/bbearcookie\" width=\"100\" height=\"100\"/\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/easyhyun00\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/easyhyun00\" width=\"100\" height=\"100\"/\u003e\n                \u003c/a\u003e  \n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/Dongwoongkim\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/Dongwoongkim\" width=\"100px\" height=\"100px\"/\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/shinjaewon99\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/shinjaewon99\" width=\"100px\" height=\"100px\"/\u003e\n                \u003c/a\u003e  \n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/shinjiye\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/shinjiye\" width=\"100px\" height=\"100px\"/\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003ca href=\"https://github.com/luciap12\"\u003e\n                    \u003cimg src=\"https://avatars.githubusercontent.com/luciap12\" width=\"100px\" height=\"100px\"/\u003e\n                \u003c/a\u003e\n            \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/bbearcookie\"\u003e이상훈\u003c/a\u003e\n            \u003c/th\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/easyhyun00\"\u003e이지현\u003c/a\u003e\n            \u003c/th\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/Dongwoongkim\"\u003e김동웅\u003c/a\u003e\n            \u003c/th\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/shinjaewon99\"\u003e신재원\u003c/a\u003e\n            \u003c/th\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/shinjiye\"\u003e신지예\u003c/a\u003e\n            \u003c/th\u003e\n            \u003cth\u003e\n                \u003ca href=\"https://github.com/luciap12\"\u003e박예원\u003c/a\u003e\n            \u003c/th\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003cth\u003e\n                FrontEnd\n            \u003c/th\u003e\n            \u003cth\u003e\n                FrontEnd\n            \u003c/th\u003e\n            \u003cth\u003e\n                BackEnd\n            \u003c/th\u003e\n            \u003cth\u003e\n                BackEnd\n            \u003c/th\u003e\n            \u003cth\u003e\n                Design\n            \u003c/th\u003e\n            \u003cth\u003e\n                Design\n            \u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnd-side-project%2Fdnd-10th-4-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdnd-side-project%2Fdnd-10th-4-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnd-side-project%2Fdnd-10th-4-frontend/lists"}