커플 통합 앱 서비스 '그로잉'

2022.11 ~ 2023.04, 2024.02 ~ (리팩토링 진행 중)

🌼 서비스를 소개할게요.

“커플들이 함께 추억을 만들고 저장하며 공유할 수 있는 통합 서비스가 없을까?” 라는 생각에서 출발한 그로잉은 커플 통합 앱 서비스입니다.

소중한 순간을 기록하고, 서로의 생각과 의견을 나누고, 그로잉 펫을 키우며 더욱 가까워질 수 있도록 모든 순간을 그로잉이 함께할게요 🍀

gif 가 로딩되는 데 조금 시간이 걸릴 수 있어요 🥲

🎟️ '펫 키우기'

🎟️ 두 사람이 쉽게 소통할 수 있는 '채팅 & 질문 우편함'

🎟️ 소중한 순간을 간직하고 공유할 수 있는 '갤러리'

🎟️ 두 사람이 함께할 때 필요한 계획을 쉽게 조율할 수 있는 '캘린더'

🎟️ 기타

🌼 그로잉 팀을 소개할게요.

FE Developer	FE Developer	BE Developer	기획자	캐릭터 디자이너
🐱 연주	🐰 민지	🐶 동욱	🧸 혜빈	🐹 가영
홈, 채팅, 로그인 페이지, 기획, UI/UX	갤러리, 캘린더 페이지	백엔드 설계, 기획, 운영	기획, 마케팅	이모티콘 제작, 3D Modeling

🌼 사용한 기술은 다음과 같아요.

💚 Front-end

• React, Typescript, Styled-component
• React-query, MobX
• React-hook-form & Yup
• Storybook, MSW
• AWS S3, Cloud Front

💚 Back-end

• Nest.Js, TypeScript
• MySQL (RDS), Prisma
• AWS EC2

🌼 Getting Started

# 로컬 환경에 다운받기
git clone https://github.com/teamGrowing/growing-web.git

# 패키지 설치
yarn

# 실행하기 - mock mode로 실행 (http://localhost:3000)
yarn start

# 스토리북 실행하기 (http://localhost:6000)
yarn storybook

🌼 제작 과정을 소개할게요.

• 로딩에 실패했습니다. 어떻게 처리하실건가요?
• API 요청 시뮬레이션을 간편하게: 그로잉 팀의 MSW Toolbar 제작기
• MSW로 mocking을 해보자
• 행복한 개발을 위한 폴더 구조는?