🔥 hotsix-project

칸반보드 기반 협업툴 서비스 만들기 프로젝트

---

🎁 프로젝트 결과물

배포된 주소 링크

http://ec2-3-38-181-21.ap-northeast-2.compute.amazonaws.com:8080/

시연영상 링크

Youtube | hotsix trello

발표 시 사용한 자료

Notion | hotsix

---

🚩 개발 기간

2023.08.07. ~ 2023.08.14.

---

📚 기술 스택

---

🌵 역할 분담 -> 자세한 내용 개발 프로세스 참고

• 서예린 - 사용자 기능 / 소셜로그인, 키워드 검색, 프론트
• 조우진 - 보드 관리 기능 / 프론트
• 최정은 - 컬럼 관리 기능 / 테스트 코드 및 더미 데이터, Swagger 적용
• 최혁진 - 카드 관리 및 추가 기능 / CI/CD 파이프라인 구축 및 배포, 프로필 이미지, 알림 기능
• 조해나 - 카드 상세 및 추가 기능 / 프론트

⚙️ 개발 프로세스

자세히 보기

• 프로젝트 스코프 정하기

• Trello 직접 사용해보기

• API 명세 작성하기

• ERD 작성하기

• 와이어프레임 작성하기

• 본격적인 백엔드 개발하기

  • 구현해야 하는 기능들

    Details

    트렐로의 필수 기능

    • 사용자 관리 기능 - 서예린

      • 로그인 / 회원가입 기능
      • 사용자 정보 수정 및 삭제 기능

    • 보드 관리 기능 - 조우진

      • 보드 생성
      • 보드 수정 (이름, 배경 색상, 설명)
      • 보드 삭제 (생성한 사용자만)
      • 보드 초대 (특정 사용자 초대해 협업)

    • 컬럼 관리 기능 - 최정은

      • 컬럼 생성 (보드 내부 컬럼 생성)
      • 컬럼 이름 수정
      • 컬럼 삭제
      • 컬럼 순서 이동

    • 카드 관리 기능 - 최혁진

      • 카드 생성 (컬럼 내부 카드 생성)
      • 카드 수정 (이름, 설명, 색상, 작업자 할당 및 변경)
      • 카드 삭제
      • 카드 이동 (같은 컬럼 내 위치 변경, 다른 컬럼 이동)

    • 카드 상세 기능 - 조해나

      • 댓글 달기
      • 날짜 지정 (마감일 설정 및 관리)

    스페셜 코스

    • 테스트 코드 도입하기 - 최정은

      • 테스트 코드 도입하기

    • CI/CD 파이프라인 구축하기 - 최혁진

      • CI/CD 파이프라인 구축하기 => Github Actions

    • 더미 데이터 활용해보기 - 최정은

      • 더미 데이터 활용해보기

    • 카드에 고급 기능 구현하기

      • 카드 파일 첨부 / 다운로드 - 최혁진
      • 카드 내에 체크리스트 추가 - 조해나

    • 알림 기능 구현하기 - 최혁진

      • 카드 상태 변동 시 로그(콘솔)로 알림 받기

    그 외 추가 기능

    • 소셜 로그인 - 서예린
    • 카드 라벨 기능 - 조해나, 최혁진
    • 키워드로 카드 검색 - 서예린
    • 프로필에 이미지 넣기 - 최혁진
    • Swagger 적용
    • DB 최적화

• 테스트 및 버그 수정하기

• AWS 클라우드에 배포하기

• 프론트엔드 개발도 해보기

     - [x]  회원가입, 로그인, 프로필 페이지 구성 및 연결 - `서예린`
     - [x]  메인, 보드 페이지 구성 및 연결 - `조우진`
     - [x]  전반적인 CSS, 카드 상세 페이지 구성 및 연결 - `조해나`
  

---

🧩 설계

최종 설계

Details

API 명세서

https://documenter.getpostman.com/view/27924273/2s9Xy5MqxZ

ERD

최종 화면 구성

초기 설계

Details

S.A (API 명세, Github Rule 포함)

https://www.notion.so/6-S-A-1a2e6e1486dc4ae6831d584d1f521ae2

ERD

https://lucid.app/lucidchart/e1c3dd6b-19cb-4a13-8d87-b0cbc1e59c64/edit?invitationId=inv_f3f01798-d101-4abf-8f3b-7c6aa0d4fab0&page=0_0#

와이어프레임

https://www.figma.com/file/jXoDCYNfmOAzwcsDciFJJP/hotsix?type=design&node-id=0-1&mode=design&t=u68VeAxYqHSwuAMR-0