Skip to content

COCONOTE는 노션의 문서 관리와 슬랙의 실시간 커뮤니케이션을 하나로 통합한 지식 공유 및 관리 플랫폼입니다.

Notifications You must be signed in to change notification settings

hw-coconote/coconote-FE

Repository files navigation

지식 관리 시스템

협업의 새로운 차원

COCONOTE 바로가기

https://coconote.site

️💚️ TEAM 💚


김정은


김민지


김지호


전상민


최세호



🗒️ 요약 PDF 자료

pdf 위치로 이동하기

❤️ 목차

  1. 프로젝트 소개
  2. 기획
  3. 기술 스택
  4. 개발
  5. 구조 및 아키텍처
  6. 배포
  7. 테스트

🧡 프로젝트 소개

개요

COCONOTE는 노션의 문서 관리와 슬랙의 실시간 커뮤니케이션을 하나로 통합한 지식 공유 및 관리 플랫폼입니다.

배경 및 목적

  • COCONOTE는 기업에서 팀 프로젝트를 진행할 때 필요한 협업 도구들을 하나로 통합해보는것은 어떨까? 하는 생각에서 나왔습니다.
  • 효율적이고 체계적인 지식의 통합 관리 및 공유
  • 실시간 채팅을 통한 자유로운 커뮤니케이션과 팀원들 간의 협업 효울성의 극대화
  • 드래그 앤 드롭을 통한 다양한 형식의 파일의 직관적인 공유 방식
  • 여러 협업 도구들 간의 이동으로 인한 개발자의 번거로움과 피로감 경감

프로그램 사양서

  • SNS를 통한 간편 로그인
  • workspace 를 통한 section, channel 생성
    • 공개, 비공개 채널을 통한 참가자 제한
    • 초대를 통한 참가자 추가
  • channel 별로 구분되어있는 쓰레드(채팅), 캔버스(노션), 드라이브(네이버 or 구글 드라이브)
  • 쓰레드
    • 단체 채팅, 이미지를 통한 정보공유
  • 캔버스
    • 단체 문서수정, 유저별로 실시간 동기화 되어있는 문서
  • 드라이브
    • 채널 내부의 쓰레드, 캔버스 자동업로드
    • 드라이브 내 파일 업로드를 통한 쓰레드, 캔버스 파일 동기화 기능


💛 기획

협업 미리보기

JIRA와 notion을 통해 협업을 진행했습니다.
JIRA
notion

WBS

WBS 보러가기 ➡️

요구사항 정의서

요구사항 정의서 보러가기 ➡️

ERD

ERD 보러가기 ➡️

화면설계서 (FIGMA)

화면설계서 보러가기 ➡️

API 명세서

API 명세서 보러가기 ➡️

️🛠️ 기술 스택

Backend Spring Boot

Frontend

DB

CI/CD

Etc

Communication Discord GitHub Notion



💻 개발

백엔드 API 요청 및 응답 (Swagger)

프론트엔드 기능 시연

회원
  • 로그인
  • 로그아웃
워크스페이스
  • 워크스페이스 생성
  • 워크스페이스 정보 수정
  • 워크스페이스 선택 및 이동
  • 워크스페이스삭제
  • 워크스페이스 내에서 나의 프로필 조회 및 변경
  • 워크스페이에 새로운 멤버 초대
  • 워크스페이스 멤버 조회 및 권한 변경
  • 워크스페이스 멤버 강퇴
섹션
  • 섹션 생성
  • 섹션 삭제
  • 섹션 정보 수정
  • 즐겨찾기
채널
  • 채널 공개 및 비공개 수정
  • 채널 멤버의 권한 변경
  • 채널 생성
  • 채널 가입
  • 채널 삭제
  • 채널 멤버 강퇴
  • 채널 탈퇴
  • 워크스페이스 멤버 내에서 채널 멤보 초대
  • 채널 정보 수정
스레드
  • 스레드 생성
  • 스레드 수정
  • 스레드 삭제
  • 파일 업로드
  • 댓글
  • 스크롤 페이지네이션
태그
  • 생성 및 추가
  • 태그 검색
  • 태그 수정
  • 태그 삭제
  • 태그 붙이기
  • 태그 떼어내기
캔버스
  • 페이지 생성
  • 캔버스 작성
  • 이미지 업로드
  • H 템플릿
  • 그 외 템플릿
  • 드래그 앤 드랍으로 순서 변경
  • 캔버스 삭제
드라이브
  • 새 폴더 생성
  • 폴더 이름 변경
  • 파일 올리기
  • 파일 이름 변경
  • 파일 및 폴더 삭제
  • 드래그 앤 드랍 파일 이동
2분할
  • 이분할 열고 닫기
  • 이분할 화면에서 쓰레드와 캔버스 작성
  • 드라이브에서 쓰레드로 파일 업로드

기능별 플로우

로그인


메일 초대


캔버스


쓰레드 목록


쓰레드 채팅


드라이브


워크스페이스


검색


알림



구조 및 아키텍처



배포

로그인

쓰레드

캔버스

드라이브

2분할

About

COCONOTE는 노션의 문서 관리와 슬랙의 실시간 커뮤니케이션을 하나로 통합한 지식 공유 및 관리 플랫폼입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published