planter

반려 식물 돌봄 매칭 서비스, planter

최근 반려 식물이 떠오르고 있다는 사실 알고 계신가요?  

플랜테리어에 대한 관심이 커지면서 집에서 반려 동물보다 편하게 키울 수 있는  
'반려 식물'에 대한 관심이 1인 가구에서 특히 커지고 있습니다.  
이들에게 반려 식물 돌봄 매칭 서비스를 제공하기 위해 planter는 시작되었습니다.

앱 소개

앱 스크린샷

기능 설명

로그인

유저의 아이디, 비밀번호를 입력 받아 서버와의 통신 후 로그인하는 화면

매칭 홈

매칭이 가능한 식물 집사 및 전문가들의 목록을 보여주는 화면
원하는 카테고리만 볼 수 있도록 필터링 및 거리, 별점 순으로 정렬 가능

전문가 상세 정보

매칭 홈에서 식물 집사 및 전문가를 클릭하면 넘어오는 화면
전문가의 상세 정보 및 후기를 볼 수 있고, 매칭 요청, 쪽지 보내기, 신고가 가능함

매칭 요청

맡길 식물 및 케어 옵션, 케어 날짜, 픽업 형태를 설정하고 식물 집사 및 전문가에게 매칭을 요청하는 화면

매칭 내역

내가 요청했거나 받은 매칭들의 목록을 보여주는 화면

리뷰 작성

식물 케어가 완료된 후에 해당 식물 집사 및 전문가에 대해 후기를 작성하는 화면

쪽지 작성

식물 집사 및 전문가와 쪽지를 보내 소통할 수 있는 화면

마이페이지

유저의 프로필 정보를 보여주고, 자신의 매칭페이지를 관리할 수 있는 화면

내 매칭페이지 관리

매칭 허용 여부, 사진, 소개글, 케어 서비스 종류, 사진 제공 여부 정보를 입력하여 매칭 탭의 식물 집사 및 전문가 리스트에 노출 여부를 정할 수 있는 화면

폴더 구조

📂src
 ┣ 📂assets
 ┃ ┣ 📂icon
 ┃ ┣ 📂img
 ┃ ┗ 📂illust
 ┣ 📂components
 ┃ ┣ 📂common
 ┃ ┣ 📂ExpertDetail
 ┃ ┣ 📂matching
 ┃ ┣ 📂matchingHistory
 ┃ ┣ 📂matchingRequest
 ┃ ┣ 📂Message
 ┃ ┗ 📂MyPage
 ┣ 📂recoil
 ┃ ┗ 📂atoms
 ┣ 📂screens
 ┃ ┣ 📂ExpertDetail
 ┃ ┣ 📂FindID
 ┃ ┣ 📂FindPW
 ┃ ┣ 📂Login
 ┃ ┣ 📂Matching
 ┃ ┣ 📂MatchingHistory
 ┃ ┣ 📂MatchingRequest
 ┃ ┣ 📂Message
 ┃ ┣ 📂MyPage
 ┃ ┣ 📂Review
 ┃ ┣ 📂Signup
 ┃ ┣ LoginStack.tsx
 ┃ ┣ MainTab.tsx
 ┃ ┣ Navigator.tsx
 ┃ ┗ RootStack.tsx
 ┣ 📂utils
 ┗ App.tsx

Tech Stack

• React Native
• Typescript
• Recoil