github_finder

[전체 구성]

• 크게 헤더, 메인 컨텐츠, 푸터로 구성.
• 메인 컨텐츠는 github API로부터 유저 정보를 검색할 수 있는 텍스트 상자 포함.
• 텍스트 상자에 유저 이름을 입력하면 fetch 함수를 통해 github API로부터 유저 정보를 가져 옴.

[유저 정보]

• ID, 이름, 국적, Website/Blog, 지역, 회원가입일, Repo 수, Gist 수, 팔로워 수, 팔로우 수 등 기본 정보 표시.

• View Profile 버튼을 통해 해당 유저의 github 페이지로 이동 가능.

• 해당 유저가 만든 Repository 표시.

• 해당 Repository 제목을 클릭하면 해당 레포지토리의 github 페이지로 이동 가능.

• https://ghchart.rshah.org/${userName} 로 해당 유저의 github 페이지에 있는 연간 push 횟수 그래프(잔디밭)를 가져올 수 있음.