Skip to content
@dku25-capstone

ChatGraph

챗GPT 질의응답 시각화 서비스

📊 캡스톤디자인. ChatGraph

목차

순번 목차
1 개요
2 기간
3 팀원
4 기술 스택
5 주요 기능
6 서비스 화면
7 시스템 아키텍처
8 설치 및 실행 방법
9 프로젝트 구조
10 향후 계획

개요

ChatGPT 질의응답 내용을 트리/그래프 형태로 시각화하여 대화 흐름을 한눈에 파악할 수 있는 웹 서비스


기간

2025.03 ~ 2025.11


팀원

이름 역할 Github
이영민 FE
이상현 FE
이재경 BE
장준서 BE

기술 스택

Frontend

  • Next.js, TypeScript, Tailwind CSS, D3.js

Backend

  • Spring Boot, Java, JPA
  • Neo4j (질문-답변 트리 저장)
  • MariaDB (회원/토픽 관리)

Infra

  • OCI VM, Docker, Nginx
  • GitHub Actions (CI/CD)

주요 기능

  • ChatGPT API를 통한 질문·답변 처리
  • 대화 내용을 계층형 트리 데이터로 변환
  • D3.js 기반 질문-답변 그래프 시각화
  • 브레드크럼 탐색 및 노드 클릭 이동
  • 질문 추가, 수정, 삭제
  • 토픽별 대화 기록 관리

서비스 화면

Image Image Image

시스템 아키텍처

flowchart LR
  User -->|Web| Frontend[Next.js + D3.js]
  Frontend --> |REST API Request| Nginx[Nginx Reverse Proxy]
  Nginx --> |Proxy Pass| Backend[Spring Boot]
  Backend -->|Graph Query| Neo4j[(Neo4j DB)]
  Backend -->|Relational Query| MariaDB[(MariaDB)]
  Backend -->|OpenAI API| ChatGPT[OpenAI GPT API]
Loading

Popular repositories Loading

  1. chatGraph-FE chatGraph-FE Public

    TypeScript 1

  2. .github .github Public

  3. chatGraph-BE chatGraph-BE Public

    Java

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…