✨ Bindly 프로젝트의 프론트엔드 저장소입니다!
사용자의 대화 데이터를 분석하고 시각화하는 기능을 제공하는 웹 서비스입니다. 💬📊
로그인 및 회원 가입, 그리고 챗봇과의 대화 내역을 확인할 수 있어요. 🔑
- 아이디: 특수 문자를 포함한 6자 이상 20자 이하
- 비밀번호: 최대 20자 설정 가능
사용자가 카톡에서 내보낸 대화 TXT 파일을 업로드합니다. 📤
업로드된 대화 데이터의 분석 결과를 한눈에 📊
- Bindly 모델이 대화 상대와의 관계, 친밀감 점수, 그리고 공감형 대화의 비중을 분석해 줍니다.
- 도넛 차트 🥯 및 워드 클라우드 ☁ 제공
- 차트 클릭 시 팝업으로 상세 정보 표시
AI와 실시간으로 자신의 대화법에 대한 피드백을 주고받을 수 있어요! 📝
- 피드백을 듣고 싶은 사용자(나, 상대 중) 선택
- AI의 피드백 스타일을 선택 (공감 vs 팩트폭력)
- AI가 대화를 분석하고, 더 나은 소통 방식을 제안
1️⃣ 저장소 클론 🖥️
git clone https://github.com/NeedTalkKey/bindly_front.git2️⃣ 의존성 설치 📦
cd bindly_front
npm install3️⃣ 개발 서버 실행 🚀
npm start🔗 이제 브라우저에서 http://localhost:3000 으로 접속하세요! 🌍
bindly_front/
├── public/ # 정적 파일
├── src/
│ ├── components/ # 재사용 가능한 UI 컴포넌트
│ ├── pages/ # 각 페이지별 컴포넌트
│ ├── services/ # API 호출 및 비즈니스 로직
│ └── App.js # 루트 컴포넌트
├── .gitignore # Git에서 제외할 파일 목록
├── package.json # 프로젝트 메타데이터 및 의존성
└── README.md # 프로젝트 정보 파일
🎯 이 프로젝트에 기여하고 싶다면?
- 저장소를 포크(Fork) 해주세요! 🍴
- 새로운 기능을 추가하거나 버그를 수정한 후 풀 리퀘스트(PR) 를 보내주세요! 🚀
- 코드 스타일을 맞춰주세요! (Prettier, ESLint 적용 예정) 🎨
📌 문의 사항이 있으면 이슈에 등록해주세요! 📝
📝 이 프로젝트는 MIT 라이선스 하에 배포됩니다. 자유롭게 사용하세요! ✨
-
2025.02.14 - 메인 화면 및 업로드 화면 구현 🎉
-
2025.02.17 - 결과 분석 화면 구현, 로그인 및 회원가입 기능 추가 ✅
-
2025.02.18 - 도넛 차트 및 워드 클라우드 클릭 시 팝업 기능 추가 📊
-
2025.02.19 - 회원가입 시 입력 검증 추가 및 UI 개선 💡
-
더 자세한 변경 사항은 커밋 기록을 확인해주세요! 🧐
- 개발 기간: 2025.02.03 ~ 2025.02.27
- Inspired by 헬로우봇🐑 / 푸망 / 방구석 연구소
- KDT 프로젝트: 팀 톡끼 Talkkey (김남희, 김채연, 박건우, 박치호, 안승균)
| 부서 | 이름 | 역할 |
|---|---|---|
| 팀장 | 김남희 | 전반적인 프로젝트 기획 및 관리, 풀스택 개발 총괄, AI 모델 전략 수립, 마무리 발표 및 팀 리딩 |
| 프론트 | 김채연, 박건우, 박치호 | React 기반 UI 개발 및 사용자 인터페이스 구현 |
| 백엔드 | 안승균, 박건우 | Node.js/Express API 개발, MongoDB를 통한 사용자 및 대화 데이터 관리 |
| FastAPI | 박건우 | FastAPI 서버 구축 및 운영, Hugging Face에 업로드된 모델을 가져와 로컬 추론 지원 |
| AI 모델링 | 팀원 전반 | KLUE-BERT 기반 모델 파인튜닝 및 대화 관계, 친밀도 분석 알고리즘 개발 |
Bindly 프로젝트의 다른 Git도 둘러보세요!