🌳 SearchForest-FE

중앙대학교 캡스톤디자인 팀 숲송 (Soopsong) 이 개발한 AI 연관검색어 추론 시스템입니다.
이 저장소는 프론트엔드 전용 레포지토리입니다.
AI 모델 및 백엔드는 별도 레포로 분리되어 있습니다.

🔥 What is SearchForest?

"검색의 흐름을 잇다, 생각의 숲을 펼치다"

🌐 사용자가 입력한 검색어를 중심으로, 2-depth 연관 키워드를 시각적으로 탐색할 수 있는 서비스입니다.
🧠 M3E 기반 임베딩 모델을 활용하여 의미 기반 연관성을 추론합니다.
🌳 네트워크 그래프와 버블형 그래프를 통해 직관적인 탐색 환경을 제공합니다.

🖥️ Prototype

🧰 Tech Stack

React + TypeScript + Vite
TailwindCSS
D3.js (네트워크 그래프 시각화)

⚙️ 실행 방법

1. 프로젝트 설치

npm install

2. 개발 서버 실행

npm run dev

3. 빌드

npm run build

📂 디렉토리 구조

searchforest-fe/
├── src/
│   ├── components/       # UI 컴포넌트
│   ├── pages/            # 페이지 컴포넌트
│   ├── hooks/            # 커스텀 훅
│   ├── api/              # API 통신 모듈
│   ├── assets/           # 이미지 및 정적 자원
│   └── App.tsx
├── public/
├── index.html
├── tailwind.config.js
├── postcss.config.js
└── README.md