aradotso/git-city-3d-github-visualization

git-city-3d-github-visualization은(는) 무엇을 하나요?

Git City를 구축하고 확장하세요 — 3D 픽셀 아트 도시로, GitHub 프로필이 Next.js, Three.js, Supabase를 사용하여 인터랙티브 빌딩이 됩니다.

시작하기

이 스킬을 사용하려면 다음 단계를 따르세요:

1. 저장소를 클론합니다:

   git clone https://github.com/aradotso/git-city-3d-github-visualization.git
   cd git-city-3d-github-visualization
   

2. 의존성을 설치합니다:

   npm install
   

3. 환경 변수를 설정합니다. .env.local 파일을 생성하고 다음 내용을 추가합니다:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
   

4. 개발 서버를 시작합니다:

   npm run dev
   

주요 기능

• GitHub 프로필 시각화: 사용자의 GitHub 프로필 데이터를 3D 빌딩으로 변환합니다.
• 인터랙티브 요소: 빌딩을 클릭하여 사용자 세부 정보 및 저장소를 확인합니다.
• 실시간 업데이트: Supabase를 통해 GitHub 활동 데이터를 실시간으로 반영합니다.
• 확장 가능: 새로운 기능이나 커스텀 빌딩 디자인을 추가하여 도시를 확장할 수 있습니다.

기술 스택

• Next.js: 프론트엔드 및 서버사이드 렌더링.
• Three.js: 3D 그래픽 및 애니메이션.
• Supabase: 데이터베이스, 인증, 실시간 구독.

기여하기

기여는 언제나 환영합니다! 저장소를 포크하고 풀 리퀘스트를 제출해 주세요.

라이선스

MIT