/Chili-source

[open-source] 지라 및 프로젝트 협업툴을 활용한 서브 브릿지 솔루션

Primary LanguageTypeScriptOtherNOASSERTION

🌶️ 당신의 협업을 도와줄 오픈소스, 칠리소스

🖥 프로젝트 소개

‘오늘 내 할 일이 뭐였더라?’ 하며 JIRA에 들어가보고, ‘프로젝트 마감이 언제지?’ 하면서 간트차트를 열어보고, ‘팀원이 이 일을 끝냈을까?’ 궁금할 때 일일이 물어보는 것들.. 😮‍💨 너무 불편하셨죠? 이제 저희 칠리소스와 함께 편하게 프로젝트하세요!

  • 주요기능
    • JIRA 연동 - 스프린트마다 반복 사용되는 이슈를 빠르게 생성
    • 캘린더 기능 - 어떤 이슈를 언제 진행할지 일정 생성 가능, 팀원과 공유하여 팀원의 스케줄 확인 가능
    • 간트 차트 - 캘린더를 세분화한 기능으로 시간별로 업무 스케줄링 가능
    • GitLab 연동 - Merge Request, Commit 로그 확인
  • 주요기술
    • MSA로 설계한 서비스별 모듈화
    • Spring Cloud Feign
    • ELK, Zipkin, Prometheus, Grafana
    • eureka 및 gateway를 활용한 로드밸런싱 및 서비스의 스케줄링
    • JWT Authentication
    • REST API

📋 프로젝트 정보

🔨 프로젝트 개발 환경 및 사용 기술 스택

구분 종류 기술스택 버전
FE IDE Visual Studio Code
Language typeScript
react
react-router
react query
recoil
tailwind
BE IDE IntelliJ IDE
Language Java JDK Zulu 8.33.0.1
SpringBoot 2.7.4
Spring Data JPA
Spring Validation
QueryDSL 5.0.0
Swagger2 3.0.0
DB MySQL 8.0.30
Redis 7.0.4
S3
Build Tool Gradle 7.5.1
Infra Jenkins
Nginx
Docker
Docker Compose
Elastic Search
Logstash
Kibana
RabbitMQ
Prometheus
Grafana
Zipkin
Collaboration GitLab
Jira
Notion
Matermost
Figma

🗂 서비스 아키텍처

Untitled

🗃 프로젝트 결과물

1. 메인화면

  • 랜딩 페이지

    1-1.gif

  • 서비스 이용 가이드

    1-2.gif

  • 소셜 로그인

    1-3.gif

  • 유저 정보 수정

    1-4.gif

2. 프로젝트 생성 후 Jira 또는 GitLab과 선택적으로 연동

2.gif

3. 원하는 프로젝트 입장 및 설정

  • 프로젝트 입장 및 설정

    3-1.gif

  • 팀원 추가 및 권한 변경

    3-2.gif

4. 프로젝트 대시보드에서 사용자 별로 원하는 위젯 추가

4.gif

5. 미들버킷 탭에서 JIRA의 이슈를 빠르게 생성

  • 자주 사용하는 이슈의 내용 틀을 이슈 템플릿으로 저장

    5-1.gif

  • 이슈 템플릿의 내용을 불러와 미들 버킷에 담기

    5-2.gif

  • 미들 버킷에 있는 이슈들을 한꺼번에 Jira의 이슈로 생성

    5-3.gif

6. 캘린더에서 일정 관리

  • 다른 팀원의 일정 확인 가능

    6-1.gif

  • 나의 일정에 맞게 아직 처리하지 않은 이슈들을 캘린더에 추가

    6-2.gif

  • 이슈 수정

    6-3.gif

7. 간트 차트에서 시간별로 더욱 꼼꼼한 일정 관리

  • 시간별/일별/월별/연도별 일정을 한눈에 확인 가능

    7-1.gif

  • 시간 단위로 세분화하여 일정 조정

    7-2.gif

8. GitLab의 최근 Merge 내역 조회

8.gif

👨‍👩‍👧‍👦 팀 소개

🎨 Frontend

🧑🏻‍💻 👑 김종현

  • 프로젝트 초기 세팅
  • 프로젝트 플로우 연결
  • 개발 가이드 설계
  • 캘린더 기능 개발
  • 프로젝트 선택, 생성, 설정 페이지
  • UI - 이중 네비게이션, Text, Select, Option,Tab, SelectBox, TextBox, InputBox, Notification

🧑🏻‍💻 박성현

  • 이슈 템플릿 기능 개발
  • 미들 버킷 개발
  • Jira API 연결

🧑🏻‍💻 박준혁

  • 구글 소셜 로그인
  • 간트차트 기능 개발
  • 대시보드 커스터마이징
  • 기능 위젯화
  • 라우터 네비게이션 가드 처리
  • 404 에러 핸들링
  • 랜딩페이지 UI
  • UI - Sheet, Input

💪🏽 Backend & 🚧 Infra

👩🏻‍💻 박태이

  • issue-service 개발
    • 프로젝트의 이슈를 간편하게 생성할 수 있는 이슈 템플릿 개발
    • 프로젝트의 이슈를 한꺼번에 생성하기 위한 중간 바구니, 미들 버킷 개발
    • 외부 Jira API 와 프로젝트를 연결하여 조회 및 생성하는 기능 개발
  • 문서화 담당

🧑🏻‍💻 석재호

  • CI/CD
  • auth-service 개발
    • 소셜 로그인
    • 액세스 토큰 및 리프레시 토큰 관리
    • 외부 API 토큰 관리
  • user-service 개발
    • 사용자 CRUD
  • widget-service 개발
    • 위젯 CRUD
  • 운영 모니터링
  • 서버 설정
  • MSA 베이스 가이드 라인 작성

🧑🏻‍💻 최진호

  • project-service 개발
    • 프로젝트 관리
    • 간트 차트, 캘린더 관리
    • 팀원 관리
    • 권한 관리
  • issue-service 개발
    • Jira API 연결 보조
  • 운영 모니터링 보조

📝 라이센스

Distributed under the SGPL license. See License for more information.