WEB APP · AI CHATBOT · SUBSCRIPTION
LIVE v3.13.0
정서적 동반자앱

AI 정서 케어 서비스
웹 구현 실사례

GPT 기반 AI 채팅 · 구독 결제 · 관리자 대시보드를 포함한 반응형 웹앱 풀스택 구현 — 실제 운영 버전 스크린샷

Year
2026
Platform
Web (반응형)
Version
v3.13.0
Domain
Mental Health · AI
Budget
₩45,000,000
Type
실제 구현

Overview // 프로젝트 개요

정서적동반자앱 홈

브라우저 하나로
시작하는 마음 케어

앱 설치 없이 PC·모바일 브라우저에서 바로 접속. GPT 기반 AI 챗봇이 사용자의 이야기를 공감하며 듣고, 감정 케어를 실시합니다.

구독 결제 시스템, 관리자 대시보드, 패턴 관리까지 포함한 풀스택 웹 서비스로 실제 운영 중인 라이브 버전 스크린샷입니다.

📱 모바일 웹 화면 🖥 관리자 화면
🌐
Web
반응형 웹앱
🤖
GPT
AI 공감 채팅
💳
구독
결제·구독 관리
📊
Admin
관리자 대시보드

Core Modules // 핵심 기능

💬

AI 공감 채팅

GPT 엔진 기반 5가지 대화 유형 지원. 감정 공유·일상 대화·고민 상담·동기 부여·스트레스 해소를 상황에 맞게 선택.

💳

구독·결제 시스템

구독 상태·만료일·결재 내역을 한 화면에서 관리. 구독 연장 버튼으로 바로 이어지는 심리스 결제 플로우.

📊

관리자 대시보드

가입자 수·구독자 수·결제 현황·월별 통계를 실시간 조회. 회원 관리·접속 기록·패턴 관리 통합 어드민.

🔐

회원 인증·권한

아이디/패스워드 로그인, 로그인 상태 유지, 비밀번호 찾기. 관리자/사용자 권한 분리 관리.

📱

반응형 모바일 웹

별도 앱 없이 모바일 브라우저에서 네이티브 앱 수준의 UX 제공. 터치 최적화 UI.

🔒

100% 비밀 보장

대화 내용 암호화 저장, 타인 접근 불가. 구독 회원만 접근 가능한 프라이버시 보호 구조.

Design Overview // 전체 화면 구성

실제 구현된 웹앱 · 관리자 화면 전체를 한눈에 확인할 수 있는 화면 플로우입니다.

정서적동반자앱 전체 화면 구성
🔍 전체 보기

Mobile Web Screens // 모바일 웹 화면

PC·모바일 브라우저에서 동일하게 동작하는 반응형 웹앱. 랜딩 페이지부터 마이페이지까지 실제 운영 화면입니다.

// 서비스 랜딩
// 로그인
// 홈 대시보드
// AI 채팅
// 접속 기록
// 결재 내역
// 회원 정보

Admin Dashboard // 관리자 대시보드

구독자 현황·월별 가입 통계·대화 중인 사용자·회원 관리·패턴 관리를 포함하는 풀 기능 어드민 패널.

Tech Stack // 기술 스택

HTML5
CSS3
JavaScript
ASP.NET Core
C#
Python (AI)
🤖 GPT-4o API
MariaDB
Redis
💳 구독 결제 API
🔔 FCM Push
정서적동반자앱 전체 화면 구성