🍀 PLANTY 🍀

실시간 화상 채팅을 통한 홈가드닝 컨설팅 서비스

목차

1. 프로젝트 소개
2. 주요 기능
3. 서비스 화면
4. 개발 환경
5. 설계 문서
6. 팀원 소개

프로젝트 소개

🎬 기획 배경

현대, 아마존, 페이스북, 구글 등 많은 기업들이 사무 공간에 자연을 적극적으로 도입하고 있으며 트랜드가 되어가고 있습니다. 현대 사회에서는 고도화된 경쟁, 급격한 변화, 디지털화된 생활 등으로 인해 많은 사람들이 높은 스트레스를 경험하고 있습니다. 이에 따라 정신적인 안정과 평온함을 찾는 데 관심을 두는 사람들이 증가하고 있습니다. 특히 홈가드닝은 관심을 끌며 일상에서 자연과 소통하며 스트레스를 해소하는 방법으로 주목받고 있습니다.

❔ 문제점

• 기존 서비스는 현재 소비자들의 니즈를 충족하지 못합니다.
• 식물을 어떻게 키워야하는지에 대한 생소합니다.
• 수 많은 정보 속에서 검증된 정보 접근이 어렵습니다.
• 직장, 일 등 바쁜 현대 사회속에서 식물에 대한 정보를 수집할 시간 부족합니다.
• 무겁고 뿌리내려 진단받으러 이동하기 어려워요.

📰 서비스 제안

"실시간 화상 채팅을 통한 홈가드닝 컨설팅 서비스 PLANTY는 스트레스를 경감하고 정서적 안정을 찾기 위한 사람들에게 자연과의 소통을 통한 치유할 수 있도록 홈가드닝 컨설팅을 제공하는 서비스입니다. 이 서비스는 정기 구독 컨설팅, 응급실 두 가지 핵심 기능을 가지며, 현대 사회의 스트레스와 성공적인 홈가드닝 대한 고민을 해결해 나갈 것입니다.

1. 정기 구독 컨설팅

• 실시간 화상 컨설팅

  • 사용자들은 전문 홈가드닝 컨설턴트와 실시간 화상 채팅을 통해 식물 관리에 대한 조언, 가이드, 질문에 답을 받을 수 있습니다. 직접적인 상담을 통해 사용자는 더욱 자신감을 가지고 식물을 키울 수 있을 것입니다. 각 사용자의 환경과 선호도에 따라 식물 선택, 관리 방법, 치유 효과 등을 맞춤형으로 제공합니다. 또한 대기 온습도와 흙의 온습도를 실시간으로 파악하여 정밀한 진단을 제공합니다. 이를 통해 사용자들은 자신의 상황에 맞게 치유 농업을 체험하며 스트레스를 더욱 효과적으로 해소할 수 있을 것입니다.

• 켈린더를 통한 주기적인 예약 시스템

  • 날짜별 30분 단위로 컨설팅을 예약할 수 있습니다.

• IoT를 활용한 실시간 온습도 데이터 제공

  • 아두이노를 통해 실시간으로 대기 온습도와 토양의 습도를 차트로 시각화하여 나타냅니다.

2. 응급실

• 24시간 서비스 제공

  • 24시간 내내 아무 때나 이용 가능한 응급실 서비스가 제공됩니다. 상주하고 있는 그린메이트라는 담당 전문가가 배정되어 급한 상황에서도 사용자들에게 빠른 식물 가이드와 조언을 제공합니다. 이 서비스를 통해 사용자들은 예기치 않은 문제에 대처하며 식물을 적절하게 돌볼 수 있습니다. 이는 사용자들이 식물을 키우는 과정에서 자신감을 높이고 더 나은 결과를 얻을 수 있도록 돕는 중요한 부분입니다.
  
  

• 실시간 화상 서비스

  • 사용자들은 전문 홈가드닝 컨설턴트와 실시간 화상 채팅을 통해 식물 관리에 대한 조언, 가이드, 질문에 답을 받을 수 있습니다. 빠른 상담을 통해 사용자는 직접 식물을 다각도로 보여주며 식물의 문제를 해결할 수 있을 것입니다. 이를 통해 사용자들은 예기치 않은 식물 문제에 대처하며 식물을 적절하게 돌볼 수 있습니다.

사용자 화면

화상 컨설팅 예약 및 예약 취소

• 내 구독 상품 중 예약대기 상태라면 예약할 수 있습니다.
• 컨설팅 날짜와 시간을 선택해서 예약할 수 있습니다.
• 켈린더에 초록색 원을 통해 예약 날짜를 확인할 수 있습니다.
• 진행되지 않은 예약은 취소가 가능합니다.

내 구독 상품 상세정보

• 내가 구독한 상품 목록을 확인할 수 있습니다.
• 예약완료 상태면 화상 컨설팅을 이용할 수 있습니다.
• 예약대기 상태라면 예약할 수 있습니다.
• 아두이노를 통해 대기 온습도와 토양의 습도 정보를 얻습니다.

구독샵

• 전체 구독 상품 조회할 수 있습니다.
• 각 구독 상품의 구독기간, 난이도, 가격를 확인할 수 있습니다.
• 각 구독 상품의 상세정보를 조회할 수 있습니다.
• 구독 상품을 구매할 수 있습니다.

응급실 이용

• 응급실 이용권을 구매할 수 있습니다.
• 이용권 통해서 응급실 참여할 수 있습니다.
• 응급실 참여 시 티켓 개수는 차감됩니다.

마이페이지

• 내 구독 상품 목록을 전체적으로 볼 수 있습니다.
• 내 예약 정보를 확인할 수 있습니다.
• 응급실 이용내역과 구독 컨설팅 이용내역을 확인할 수 있습니다.

그린메이트 화면

Dashboard

• 그린메이트 활동 상태(활동, 비활동) 설정할 수 있습니다.
• 다가오는 컨설팅 스케줄 확인을 통해 사용자와의 약속을 지킬 수 있습니다.
• 운영 중인 구독 상품 목록을 볼 수 있습니다.

구독관리

• 구독 상품 상세 정보를 볼 수 있습니다.
• 예약된 컨설팅 목록을 볼 수 있습니다.

컨설팅 컨설팅 내역

• 지난 컨설팅 내역 조회할 수 있습니다.
• 지난 응급실 내역 조회할 수 있습니다.
• 이용내역 확인할 수 있습니다.

주요 기능

실시간 1대1 화상 컨설팅 서비스

• 화상 컨설팅을 통해 더 세밀한 진단을 받을 수 있습니다.
• 무거운 화분을 움직일 필요없이 쉽게 컨설팅에 접할 수 있습니다.

1. 응급실

• 급하게 상담받고 싶으면 응급실을 통해 언제든지 가이드를 받으실 수 있습니다.
• 전문가 그린메이트와 1대1 컨설팅으로 엘리트 홈가드너로 성장할 수 있습니다.

2. 정기 구독 컨설팅

• 구독샵에서 사용자가 원하는 식물을 구독할 수 있습니다.
• 구독 예약 일정

부가 기능

• 예약 시스템
  • 날짜별, 30분 간격의 시간대별로 컨설팅을 예약 할 수 있습니다.
  • 켈린더를 통해 전체 컨설팅 예약 일정을 한 눈에 확인할 수 있습니다.
  • 컨설팅 날이 지나지 않았다면 취소할 수 있습니다.

• 온습도 데이터
  • 실시간으로 대기 온습도와 흙 온습도를 확인할 수 있습니다.
  • 차트를 통해 사용자가 데이터를 쉽게 파악할 수 있습니다.

개발환경

📃 Management Tool

• 형상관리 : GitLab
• 이슈관리 : Jira
• 커뮤니케이션 : Mattermost, Notion, Discord
• 디자인 : Figma

💻 IDE

• Visual Studio Code
• IntelliJ

📱 Frontend

• React @18.2.15
• React-Router
• Typescript @4.9.5
• Recoil
• SASS @1.64.1
• Library
  • toast
  • swiper @6.0.0
  • slick
  • axios @1.4.0
  • classnames @2.3.2
  • moment @2.29.4
  • openvidu-browser @2.28.0
  • prettier @3.0.0
  • react-calendar @4.6.0
  • react-router-dom @6.14.2
  • react-chartjs-2 @5.2.0
  • react-confirm-alert @3.0.6
  • react-hot-toast @2.4.1
  • react-oauth/google @0.11.1
  • tosspayments/payment-widget-sdk @0.9

💾 Backend

• Spring Boot @2.7.14
  • zulu @17.42.19
  • Gradle @8.2.1
  • Spring Data JPA
  • Spring Security
  • Spring Validation
  • Swagger @2.9.2
  • lombok
  • JWT
  • Kurento
  • Openvidu-java-client @2.28.0
• MySQL @8.0.32

🔌 Middleware

• NodeMCU 1.0 (ESP-12E Module)
• Arduino module(DHT22, Soil Moisture, AMS1117 3.3V 강하형 DC-DC 컨버터 모듈)
• Arduino IDE @2.1.1
• ArduinoJson @6.21.0
• DHT sensor library @1.4.4

🐳 CI/CD

• AWS EC2
  • Ubuntu @20.04.1
  • Docker @24.0.5
  • Docker-compose @2.5.1
  • NGINX @1.18.0

설계문서

1. 와이어프레임

2. 요구명세서

3. API명세서

4. ERD

팀원 소개

전윤철 Backend	김정훈 Backend	임희선 Frontend
이금규 Frontend	양시온 Frontend	전인혁 Frontend

"# S09P12C202"