- GitFarm 은 Git + Farm의 합성어로 농장을 컨셉으로 하여 Git 잔디 관리를 즐겁게 할 수 있도록 도와주는 서비스입니다.
- 불특정 다수에게 필요한 서비스도 좋지만, 그러한 서비스를 개발하는 개발자들을 위해 도움이 되는 서비스를 만들고 싶었습니다. 개발자로 일하기 위해서는 꾸준히 공부를 해야 하는데, 공부한 내용을 기록으로 남길 때 1일 1커밋을 주로 이용합니다. 목표를 설정하고 목표를 달성했을 때 성취감을 주기 위해 이와 같은 프로젝트를 기획하게 되었습니다.
- 기존 GitHub 페이지에서 제공하는 잔디 그래프 형태 대신에, 캘린더와 차트 형태로 데이터를 시각화하여 제공하기 때문에 유저가 좀 더 쉽게 데이터를 확인할 수 있습니다.
- 커밋 수에 따라 채워지는 농장 꾸미기, 랭킹 시스템, 배지 획득 등으로 유저의 흥미를 자극하고, 게임하는 듯한 재미와 성취감을 느낄 수 있게 하였습니다.
- 랭킹 시스템을 도입하여 유저들간의 선의의 경쟁을 유도할 수 있게 하였습니다.
| 농장꾸미기 | 월간 그래프 | 커밋 캘린더 |
|---|---|---|
 |
 |
 |
| 유저가 목표로 한 일일 커밋양에 비례하여 농장이 점차 채워집니다. (비율 하단 참고) | 월간 그래프를 통해 나의 커밋 통계를 확인합니다. 나의 언의 사용 현황도 확인이 가능합니다. | 월별 캘린더를 통해 커밋 여부와 갯수를 한눈에 확인합니다. |
농장 비율에 따른 이미지 보기
- 오늘의 농장 완성 비율: 0%, 20%, 40%, 60%, 80%, 100%
| Github 로그인 | GitFarm 순위 확인 | 레벨 시스템 |
|---|---|---|
 |
 |
 |
| Github OAuth로 로그인합니다. | Top10 유저 목록과 나의 순위를 확인할 수 있습니다. | 점수표에 따라 나의 레벨이 정해집니다. (점수 기준 하단 참고) |
점수표
| 농장 | 총 커밋 수 |
|---|---|
| 씨앗 | 0 ~ 100 |
| 초보 농부 | 100 ~ 349 |
| 중수 농부 | 350 ~ 849 |
| 고수 농부 | 850 ~ 1649 |
| 팜 마스터 | 1650 ~ |
| 레벨 | 경험치 |
|---|---|
| 커밋 | 10 |
| Issue | 5 |
| PR | 10 |
| 다양한 뱃지 획득 | 유저 정보 확인 | 목표커밋, 다짐 설정 |
|---|---|---|
 |
 |
 |
| 특정 목표를 달성하면 뱃지를 받을 수 있습니다. | 유저가 자신의 레벨, 총 커밋수 등의 정보를 확인할 수 있습니다. | 유저가 목표커밋 및 다짐을 설정할 수 있습니다. |
반응형 디자인
-
기존 Github 페이지에서 제공하는 잔디 그래프 형태로 데이터를 제공하는 대신, 캘린더와 라인 차트 형태로 데이터를 제공하기 때문에 유저가 좀 더 쉽게 데이터를 확인할 수 있습니다.
-
서비스 자체의 캐릭터와 일일 커밋 수에 따라 채워지는 농장을 도입하여 유저에게 게임을 하는 듯한 느낌을 줄 수 있습니다. 이는 유저의 오락적 요소를 자극할 수 있습니다.
-
랭킹 시스템을 도입하여 유저들간의 선의의 경쟁을 유도할 수 있습니다.
| 이름 | 역할 |
|---|---|
| 안영우 | 팀장/프론트엔드, 백엔드 개발 |
| 김유림 | 프론트엔드 개발 |
| 서지영 | 프론트엔드 개발 |
| 정진원 | 백엔드 개발 |
| 황원준 | 프론트엔드 개발 |
- 기획 단계: 아이디어 회의 및 figma를 활용한 와이어프레임 작성
- 개발 단계: 페이지별로 개발파트를 분담하여 각 페이지에 필요한 컴포넌트 제작 및 페이지 제작
- 수정 단계: 코치님의 피드백 및 백엔드의 API 관련 피드백을 반영해서 페이지 구조 및 일부 기능 수정
- 기획 단계: 아이디어 회의 및 API와 백엔드 구조 기획
- 개발 단계: Third party API인 Github API를 사용해서 원하는 데이터로 가공 및 이를 DB에 저장시켜 프론트에서 호출 할 수 있게 API 개발
- 수정 단계: 코치님의 코드리뷰 피드백 및 프론트엔드 팀원들의 속도, 데이터 관련 피드백 반영해서 Schema 구조, API설계와 외부 API 사용 방식 수정