/COCO-NOTE

KEA 카카오빈 기업 실무 프로젝트 프론트엔드

Primary LanguageTypeScript

COCONOTE Web Page v1.0

카카오 소프트웨어 아케데미 실무 프로젝트
개발기간: 2023.07 ~ 2023.08
리팩토링 기간: 2023.08 ~ 진행 중


문서화

카카오빈 프론트엔드 노션
카카오빈 지라


웹개발팀 소개

추성준 김윤호 조연겸
@ChuSeongJun @ua1it @jomo34
가천대학교 컴퓨터공학과 4학년 가천대학교 소프트웨어학과 4학년 가천대학교 소프트웨어학과 4학년

프로젝트 소개

코코노트는 직원들이 프로젝트에 대한 정보를 한 곳에서 효과적으로 공유할 수 있도록 합니다. 프로젝트의 주요 이슈, 작업 항목, 릴리즈 노트 등의 정보는 시각적으로 명확하게 표시되어, 팀원과 관리자가 프로젝트의 현황과 진행 상태를 쉽게 파악할 수 있습니다. 우리의 목표는 코코노트를 통해 프로젝트의 성장을 효율적으로 공유하고, 팀 간의 협업과 의사소통을 원활하게 하여 프로젝트의 진행 속도와 품질을 향상시키는 것입니다. 코코노트는 뛰어난 기능과 사용자 경험을 통해 이를 실현할 것입니다.

시작 가이드

Requirements

For building and running the application you need:

Frontend

  • 루트 디렉토리에서 .env 파일 생성 후 내용 아래와 같이 작성
    VITE_BACKEND_URL=http://localhost:8080
    VITE_GOOGLELOGIN_URL=http://localhost:8080/oauth2/authorization/google?redirect_uri=http://localhost:3000/main
    VITE_KAKAOLOGIN_URL=http://localhost:8080/oauth2/authorization/kakao?redirect_uri=http://localhost:3000/main
    
  • 루트 디렉토리에서 .env.d.ts 파일 생성 후 내용 아래와 같이 작성
    interface ImportMeta {
    env: {
      VITE_BACKEND_URL?: string;
    };
    }
    
  • Terminal
    $ yarn install 
    $ yarn run dev
    

Stacks 🐈

Environment

Git Github

Config

yarn

Development

typescript React Recoil React Query Material UI Ant Design

Communication

Slack Notion Discord


화면 구성 📺

메인 페이지 마이 페이지
프로젝트 페이지 릴리즈 노트 페이지

주요 기능 📦

🍀 프로젝트 선택 및 정보 조회

  • 프로젝트 생성 및 멤버 초대
  • 관리자/멤버 권한에 따라 프로젝트 수정 가능

🍀 릴리즈 노트 작성 공유

  • 최신 버전 배포 전 릴리즈 노트 작성 및 실시간 공유
  • 배포된 릴리즈 노트 목록 및 내용 확인

🍀 작업관리 기능

  • 개발 작업 관리 게시 및 담당자 설정
  • 구현 스케쥴 지정 및 공유

🍀 이슈 기능

  • 프로젝트 관련 이슈 게시 및 댓글 작성