The hugging from qulip

Hugging 🤗

언택트 마음챙김 웹서비스

삼성 청년 SW 아카데미 특화 프로젝트
2022.09.29 ~ 2022.10.07

서비스 배경 💡

건강보험심사평가원 통계에 따르면 5년간 우울증 환자 수는 지속적인 증가 추세에 있습니다.
특히, 최근 코로나19의 확산으로 일상에 큰 변화가 생기면서 우울감과 무기력증이 늘었습니다.
이러한 이유들로, 지친 마음을 위로해주어 일상에 활기를 불어넣는 마음챙김 서비스를 생각하였습니다.

개발환경 및 기술 스택 🔨

FE

HTML
CSS
Javascript
Node.js 16.16.0
React 18.2.0

├─myApp
│  ├─public
│  │  └─assets
│  │      └─icon
│  └─src
│      ├─components
│      ├─pages
│      └─theme
├─public
└─src
    ├─components
    │  ├─counsel
    │  ├─counselor
    │  ├─main
    │  ├─media
    │  ├─mission
    │  └─ui
    ├─config
    ├─fonts
    ├─helpers
    ├─img
    ├─Layout
    ├─lib
    ├─pages
    │  ├─counsel
    │  ├─counselor
    │  ├─main
    │  ├─media
    │  ├─mission
    │  └─user
    ├─store
    ├─styles
    └─styles2

BE

Java 8
Python
Spring Boot 2.7.2
Django
Gradle
JPA
MySQL
Swagger2 3.0.0

Metaverse

Unity
C#
WebGL
Photon PUN2
Agora Real-Time Voice

CI/CD

AWS
Ubuntu
Docker
Jenkins
Nginx

버전/이슈 관리

Jira
GitLab
Sourcetree

TOOL

Postman
Figma

협업

Cisco Webex Meetings
Mattermost
Notion

IDE

Visual Studio Code
Visual Studio
IntelliJ

서비스 구조도 🔍

주요 기능 📚

로그인 및 회원가입

감정 카테고리를 바탕으로 음악 추천 서비스가 제공되므로 회원가입 시 사용자의 감정을 받습니다.
전문가 상담 기능이 제공되기 때문에 카카오 소셜 로그인을 통해 인증된 사용자가 서비스를 이용할 수 있도록 했습니다.

메인페이지 / 감정별 음악 추천 기능

감정 버튼을 누르면 감정에 따른 음악을 추천 받을 수 있습니다.

ASMR / 음악 빅데이터 추천 서비스

메타버스 상담 서비스

메타버스 상담 서비스는 대면 상담을 어려워하고 꺼려하는 사람들이 상담에 대한 거부감을 낮추기 위해 기획하였습니다.
1:1 상담 및 커뮤니티 상담으로 나누어져있습니다. 1:1 상담은 예약을 통해 상담사와 둘이서 진행을 하고, 커뮤니티 상담은 원하는 주제 방을 선택하여 들어갈 수 있습니다.
상담방에서는 방 정보(방 인원, 인원 목록)를 볼 수 있으며 음성채팅 기능, 감정표현 기능이 있습니다.
상담방은 상담 주제에 맞춰 BGM/ASMR과 장소가 정해집니다.
메타버스 상담 서비스는 Unity로 구현하였고, 멀티서버는 Photon, 음성채팅은 Agora 기술을 사용하였습니다.