2024_BEOTKKOTTHON_TEAM_28_FE

🍀 Startup Valley ⭐는 디스코드봇을 통해 기획자와 디자이너, 백엔드 및 프론트엔드 개발자의 성장 척도를 기록하여, 개인의 성장 척도와 팀의 성장을 도와주는 프로젝트 입니다.

🔗 서비스 링크 : https://www.startupvalley.site/

주요 기능 및 특징

💜 1년동안의 작업 척도 시각화

현재 진행 중인 프로젝트, 지난 프로젝트에서 본인의 작업 척도를 기록하여 비트맵을 통해 시각화합니다.

직접 react-custom-calendar-heatmap 라이브러리를 배포하여 UI를 개선하고 오픈소스화하였습니다.

🩷 디스코드봇을 통한 척도 기록

디스코드봇을 방에 초대하고, 팀원 개개인이 각자의 역할과 프로필을 선택하여 계정을 생성한 후 디스코드봇을 통해 자신의 척도를 기록합니다.

💙 질문 답변 히스토리 확인

프로젝트를 진행하면서 디스코드로 문의했던 사항들을 한번에 확인합니다.

💚 팀 내 작업 척도 순위 확인

일일 팀원 내 작업 척도의 순위를 확인하며 서로의 적극적인 참여를 권장합니다.

💛 작업 진행 공유

실제로 각자 어떤 작업을 진행했는지 확인하며 팀 프로젝트의 진행상황을 확인합니다.

🧡 다른 팀원의 백로그 확인

다른 팀원이 참여한 프로젝트의 백로그를 확인합니다.

🩵 동료 평가 및 나의 역할 작성

프로젝트 종료 후 동료 평가를 진행하고 AI를 통해 필터링된 평가 결과를 확인합니다.

🤎 랜딩 페이지 및 로그인 모바일 반응형

모바일로 접속 했을 경우 디스코드 로그인을 진행할 수 있으며, 기타 업무는 PC를 통한 진행을 안내합니다.

Wiki

• wiki

Period

• 2024.03.13 ~

🌸 9oormthonUNIV 2기 Team 28 스타트업 밸리 우수상(구름 대표상) 수상

Stacks

실행 방법

개발 서버 실행

개발 서버를 실행하려면 다음 명령어를 사용하세요:

pnpm run dev

Storybook 실행

스토리북을 실행하려면 다음 명령어를 사용하세요:

pnpm run storybook

프록시 서버 설정

프로젝트를 실행하기 전에, 프록시 서버를 설정해야 합니다. package.json 파일에서 proxy 항목을 수정해주세요.

{
  "proxy": "http://your-proxy-server.com"
}

Convention

📢 Branch

• github 전략
• Feature/*: 새로운 기능 추가, 마크업
• Style/*: 컴포넌트 스타일 작업
• Hotfix/*: 긴급 에러 수정

🌸 Merge

• 최소 1명의 approve 통과
• husky 및 build ci 통과

🌈 Commit

• ✨ Feat: 새로운 기능 추가, 마크업
• ⚡️ Improve: 기존 기능 업그레이드
• 🐛 Fix: 에러 수정
• 💄 Style: 코드 스타일 수정
• 🚀 Deploy: 배포 작업
• 📝 Docs: 문서 작성 및 편집
• 🔨 Refactor: 코드 리팩토링
• 📦 Chore: 기타 작업

Developers

정아현	박소현
@a-honey	@Sohyunnnn

정아현

• 컨벤션 통일, 프로젝트 구조 세팅 등 프로젝트 리드
• 팀 작업 기록, 질문 목록, 작업기록, 나의 대시보드 페이지 마크업
• 랜딩 페이지 반응형 작업
• 깃허브 이슈를 통한 API 등 백엔드와의 소통
• Storybook와 Chromatic을 통한 UI 테스트 및 Playwright를 활용한 기능 명시
• REST API 응답에서 받은 쿠키에 저장된 토큰을 추출하여 요청 헤더에 삽입 및 로그인 상태 관리
• 스타일과 로직을 기반으로 컴포넌트 분리 및 API 연결 진행
• 작업 척도 커밋 박스용 react-custom-calendar-heatmap 라이브러리 제작

박소현

• 로그인, 회원가입, 랜딩 페이지 마크업 진행
• 디자인 QA 진행 및 스타일 수정 진행
• 컴포넌트 분리 및 API 연결
• storybook을 활용하여 UI 테스트
• 기능 명세서를 기반으로 기능 QA 진행 및 누락된 기능 추가

환경변수 테스트