MCPcopy Index your code
hub / github.com/boostcampwm-2022/web21-devrank

github.com/boostcampwm-2022/web21-devrank @v0.3.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v0.3.0 ↗ · + Follow
382 symbols 881 edges 142 files 5 documented · 1%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Devrank

Hits

nodejs nestjs redis mongoDB docker React Next.js

Frame 12023

Devrank 는 게임과 유사한 등급 시스템과 랭킹을 제공하여, Github 활동시 사용자에게 성취감을 주고 오픈소스 활동을 장려하는 서비스 입니다.

불투명할 수 있는 나의 현재 성장 진척도를 점수라는 객관화된 수치를 통해 실제로 파악할 수 있는 계기가 될 수 있다고 생각했습니다.

지금 바로 Devrank 에서 나의 등수와 등급을 확인해보세요!

✨ 링크

📌 Demo. https://dreamdev.me

📌 WIKI. https://github.com/boostcampwm-2022/web21-devrank/wiki

📌 Notion. https://empty-hardhat-ffb.notion.site/Devrank-983631ba14b0449d8c3ef414e7d19bf0

🚀 주요 기능

점수 및 티어 산정 방식

Untitled

국제화 기능 제공

Animation

  • 어플리케이션 내 언어를 변경 가능
  • 제공하는 언어 - 한국어 - English

다양한 랭킹 정보 제공

Animation2

  • 전체 랭킹
  • 급상승 유저 TOP3
  • 일일 조회수 TOP3
  • 가장 많이 사용하는 언어 TOP3

사용자 검색 자동완성 기능 제공

auto-complete

  • 사용자가 입력한 문자열과 전방 일치하는 검색 결과를 자동완성 리스트로 표시
  • 사용자 타켓인 개발자들의 키보드 조작 선호를 고려하여 키보드(위/아래)를 이용한 포커스 이동
  • 포커스 이동 시 포커스 된 텍스트를 검색창에 반영

등급별 랭킹 정보 제공

ranking-overall

  • 점수별로 사용자들을 정렬해서 표시
  • 사용자 프로필 사진, 사용자명, 등급, 점수, 사용 기술스택 TOP3 표시
  • 등급별 필터링
  • 사용자명 필터링
  • 랭킹 데이터 페이지네이션

프로필 정보 제공

  

  • Github 사용자 정보
  • 사용자의 전체 랭킹 및 티어 내 랭킹
  • 다음 티어까지의 경험치 바
  • 1년 동안의 Contribution 시각화
  • 사용자의 PR, Issue, Star, Fork 등 종합된 정보를 그래프를 통해 시각화
  • 사용자의 Pinned Repository 정보

🛠 기술스택

image

🏗 시스템 아키텍쳐

image

👥 팀원 소개

J172 장우석 J004 강시온 J186 정윤규 J183 정성윤
Back-End Back-End Front-End Front-End
wkddntjr1123 Yaminyam asdf99245 tunggary

Extension points exported contracts — how you extend this code

TooltipProps (Interface)
(no doc)
frontend/src/components/Chart/Tooltip/index.tsx
Payload (Interface)
(no doc)
backend/src/auth/types/payload.interface.ts
LineChartProps (Interface)
(no doc)
frontend/src/components/Chart/LineChart/index.tsx
GithubProfile (Interface)
(no doc)
backend/src/auth/types/github-profile.interface.ts
PieChartProps (Interface)
(no doc)
frontend/src/components/Chart/PieChart/index.tsx
ArrowProps (Interface)
(no doc)
frontend/src/components/Pagination/Arrow.tsx
StyledArrowProps (Interface)
(no doc)
frontend/src/components/Pagination/Arrow.tsx

Core symbols most depended-on inside this repo

createOrUpdate
called by 7
backend/src/user/user.service.ts
requestTokenRefresh
called by 6
frontend/src/apis/auth.ts
updateUser
called by 5
backend/src/user/user.service.ts
ssgWrapper
called by 4
frontend/src/utils/wrapper.ts
requestTopRankingByScore
called by 4
frontend/src/apis/ranking.ts
of
called by 4
backend/src/ranking/dto/ranking-user.dto.ts
ssrWrapper
called by 3
frontend/src/utils/wrapper.ts
getCompactNumber
called by 3
frontend/src/utils/utils.ts

Shape

Function 128
Method 92
Interface 82
Class 80

Languages

TypeScript100%

Modules by API surface

backend/src/user/user.repository.ts20 symbols
backend/src/user/user.service.ts19 symbols
frontend/src/utils/utils.ts12 symbols
frontend/src/components/Ranking/RankingTable/index.tsx12 symbols
backend/src/auth/auth.service.ts11 symbols
frontend/src/type/response.ts8 symbols
frontend/src/pages/ranking.tsx7 symbols
frontend/src/components/common/Dropdown/index.tsx7 symbols
frontend/src/apis/ranking.ts7 symbols
backend/src/user/user.controller.ts7 symbols
backend/src/ranking/ranking.service.ts7 symbols
backend/src/ranking/ranking.controller.ts7 symbols

For agents

$ claude mcp add web21-devrank \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page