Giter Site home page Giter Site logo

planty's Introduction

Planty 대표 사진

🍀 PLANTY 🍀

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



목차

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


프로젝트 소개

🎬 기획 배경

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


❔ 문제점

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

📰 서비스 제안

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

1. 정기 구독 컨설팅

  • 실시간 화상 컨설팅

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

    • 날짜별 30분 단위로 컨설팅을 예약할 수 있습니다.
  • IoT를 활용한 실시간 온습도 데이터 제공

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

2. 응급실

  • 24시간 서비스 제공

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

  • 실시간 화상 서비스

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



사용자 화면

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

GIF 이미지



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


내 구독 상품 상세정보

GIF 이미지



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


구독샵

GIF 이미지



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


응급실 이용

GIF 이미지



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


마이페이지

GIF 이미지



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


그린메이트 화면

Dashboard

GIF 이미지



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


구독관리

GIF 이미지



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


컨설팅 컨설팅 내역

GIF 이미지



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


주요 기능

실시간 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



설계문서

4. ERD

GIF 이미지




팀원 소개

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

planty's People

Contributors

wjs5025 avatar im-hass avatar gold-gyu avatar blagd avatar jeonghun98 avatar sionyy avatar

Stargazers

 avatar

Watchers

glon_J avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.