💜도와줘요, M쌤!💜

도와줘요, M쌤은 MBTI 기반 고민 상담 커뮤니티입니다.
MBTI를 잘 아는 선생님 → MBTI쌤 → 줄여서 M쌤이 되었습니다.

당신의 MBTI는 무엇인가요?
여러분도 “도와줘요, M쌤”에서 여러분의 MBTI에 대해 M쌤이 되어보세요!

MVP 핵심기능소개

0. 익명 프로필 제공

• 개인 정보는 가입할 때만 사용돼요.
• 서비스 사용 시 닉네임, MBTI, 칭호만이 나타나요.
• MBTI를 설정 시 대소문자도 구별하여 나를 더 잘 나타낼 수 있어요. ex) EsfP, inTJ
• 원한다면 프로필 사진과 한줄소개도 설정할 수 있어요.

1. 원하는 MBTI의 M쌤과 1:1 매칭 및 실시간 채팅 기능 제공

• 내가 상담하고 싶은 유형의 MBTI를 고르면 M쌤과 1:1 매칭돼요.
• 누구나 고민 상담을 요청할 수 있고, 누구나 M쌤이 될 수 있어요.
• 익명으로 편안한 실시간 채팅 기능을 제공해요.

2. 커뮤니티 기능 제공

• 자유 게시판
• MBTI 별 게시판
• MBTI 맞추기 게시판 (주변에 ~한 사람 있는데 이 사람 MBTI 뭘까?)

3. MBTI 과몰입 토론 기능 제공

• 과몰입 토론은 토론 상황과 선택지로 이루어져요.
• 선택지를 고르면 나의 MBTI와 내가 고른 선택지가 통계에 반영돼요.
• 재밌는 토론 상황을 직접 만들 수 있어요.

4. M쌤 칭호 모으기 기능 제공

• M쌤이 고민을 해결해주었다면, M쌤에게 리뷰를 남길 수 있어요.
• 다양한 태그가 존재하여 손 쉽게 리뷰를 남길 수 있어요. ex) 재미있어요, 어른스러워요, 해결을 잘해줘요
• 내가 받은 리뷰에 따라 칭호를 얻을 수 있어요. ex 1) 어른스러운 방법으로 고민을 해결해주는 “엠비티어른” ex 2) 화끈한 해결책을 알려주는 “엠비티라노사우르스” ex 3) 채팅을 길게 이어 나가며 자세한 이야기를 해주는 “MBTIM”

5. MBTI 별 상세 설명 페이지 제공

• MBTI 설명은 빠질 수 없죠. 구글링할 필요 없이 하나의 서비스 안에 담았어요.

팀원 소개

FrontEnd	FrontEnd	FrontEnd	FrontEnd
박브레드	희희	지니	크리스

🏙️ 환경 구축

React.js TypeScript Npm

💅 Style

Emotion

🧹 Lint

ESLint Prettier

💎 State

Recoil React Query ContextAPI

⚒️ 기술 스택

    "@emotion/react": "^11.11.1",
    "@react-oauth/google": "^0.11.0",
    "@stomp/stompjs": "^7.0.0",
    "@toast-ui/editor": "^3.2.2",
    "@toast-ui/react-editor": "^3.2.3",
    "@types/node": "^16.18.38",
    "@types/react": "^18.2.14",
    "@types/react-dom": "^18.2.6",
    "axios": "^1.4.0",
    "date-fns": "^2.30.0",
    "emotion": "^11.0.0",
    "framer-motion": "^10.12.18",
    "pretendard": "^1.3.8",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-google-login": "^5.2.2",
    "react-hook-form": "^7.45.1",
    "react-kakao-login": "^2.1.1",
    "react-markdown": "^8.0.7",
    "react-query": "^3.39.3",
    "react-router-dom": "^6.14.1",
    "react-scripts": "5.0.1",
    "recoil": "^0.7.7",
    "recoil-persist": "^5.1.0",
    "remark-gfm": "^3.0.1",
    "sockjs-client": "^1.6.1",
    "stompjs": "^2.3.3",
    "typescript": "^4.9.5",
    "web-vitals": "^2.1.4"