📌 설명:

GitFolio는 크롬 확장 프로그램과 Node.js 서버로 구성된 자동 포트폴리오 생성 도구입니다.

사용자의 GitHub 리포지토리를 분석하여 HTML 포트폴리오를 자동 생성하는 것이 목적입니다.
🏗 기술 스택:
- 크롬 확장 프로그램: JavaScript, Webpack, Chrome API
- 백엔드 서버: Node.js, Express.js, GitHub API, Anthropic API (Claude)
- 데이터 처리: REST API, JSON, Axios
🌟 주요 기능:
- GitHub 리포지토리 분석 및 README 요약
- 특정 사용자의 코드 기여 내역 분석
- 자동 포트폴리오 HTML 생성 및 다운로드

2. 프로젝트 구조

2.1 전체 프로젝트 구조 개요


GitFolio/
 ├─ extension/ (크롬 확장 프로그램)
 │   ├─ dist/ (빌드 결과물)
 │   │   ├─ icons/           // 아이콘 파일들
 │   │   ├─ anthropic_bundle.js  // Anthropic 관련 번들
 │   │   ├─ background.js        // 백그라운드 스크립트(서비스 워커)
 │   │   ├─ manifest.json        // 확장 프로그램 정보
 │   │   ├─ popup.html           // 팝업 UI
 │   │   └─ popup.js             // 팝업 동작 스크립트
 │   ├─ icons/ (원본 아이콘)
 │   ├─ src/
 │   │   ├─ anthropic_bundle.js  // Anthropic SDK 사용 로직
 │   │   ├─ background.js        // 확장 프로그램의 백그라운드 로직
 │   │   ├─ manifest.json        // 개발용 manifest
 │   │   ├─ popup.html           // 개발용 popup
 │   │   └─ popup.js             // 팝업 기능 자바스크립트
 │   ├─ package.json / package-lock.json
 │   └─ webpack.config.js
 ├─ server/ (Node.js 백엔드 서버)
 │   ├─ server.js                // Express 서버 + GitHub API + Anthropic API
 │   ├─ package.json / package-lock.json
 │   └─ .env.example
 ├─ .gitignore
 ├─ README.md

extension/

크롬 확장 프로그램 소스(백그라운드 스크립트, 팝업 UI, manifest 등)
server/

Node.js 기반 백엔드(API 서버). GitHub API와 Anthropic(Claude) API를 호출해 분석·요약 담당

1. GitFolio 프로젝트 개요(https://github.com/KWCapstoneGitFolio/GitFolio)

2. 프로젝트 구조

2.1 전체 프로젝트 구조 개요