포트폴리오 대시보드
개인 프로젝트를 효과적으로 관리하고 전시할 수 있는 GitHub 연동 포트폴리오 대시보드
React
JavaScript
Node.js
Vite
TypeScript
GitHub API
CSS
HTML
프로젝트 소개
포트폴리오 대시보드는 개발자의 프로젝트를 체계적으로 관리하고 시각적으로 전시할 수 있는 웹 기반 대시보드 애플리케이션입니다. GitHub API와 연동하여 실시간으로 프로젝트 정보를 불러오고, 직관적인 인터페이스로 포트폴리오를 효과적으로 소개할 수 있습니다.
주요 기능
- GitHub 연동: GitHub 저장소와 실시간 동기화하여 프로젝트 정보 자동 업데이트
- 프로젝트 쇼케이스: 각 프로젝트를 카드 형태로 시각화하여 직관적으로 표시
- 대시보드 뷰: 프로젝트 통계 및 활동 내역을 한눈에 확인 가능
- 반응형 디자인: 모바일, 태블릿, 데스크톱 등 다양한 디바이스 지원
- 커스터마이징: 개인 브랜딩에 맞춰 테마 및 레이아웃 조정 가능
기술적 특징
- GitHub REST API를 활용한 실시간 데이터 페칭
- 컴포넌트 기반 아키텍처로 유지보수성 향상
- 최신 프론트엔드 프레임워크를 활용한 성능 최적화
- 깔끔한 UI/UX 디자인으로 사용자 경험 극대화
사용 방법
- GitHub 저장소를 클론합니다
- 환경 변수에 GitHub Personal Access Token을 설정합니다
- 의존성 패키지를 설치하고 개발 서버를 실행합니다
- 본인의 GitHub 사용자명을 입력하여 포트폴리오를 생성합니다
