프로젝트 소개
간편하고 직관적인 방식으로 일정 관리와 프로젝트 협업을 가능하게 해주는 서비스
사용 기술 스택
Framework
Programming Language
Styling
Version Control
Design
Communication
주요 기능
랜딩 페이지
회원 가입
로그인 성공
로그인 실패
새로운 대시보드 생성
대시보드 정보 수정
대시보드에 멤버 초대하기
받은 초대에 응답하기
대시보드 페이지네이션
초대 및 멤버 페이지네이션
새로운 컬럼 생성하기
새로운 할 일 생성하기
할 일 수정하기
할 일 댓글 생성하기
할 일 댓글 수정하기
할 일 댓글 삭제하기
할 일 삭제하기
초대 및 멤버 삭제하기
대시보드 삭제하기
내 정보 수정하기
비밀번호 수정하기
로그아웃
프론트엔드 팀원 소개
이름
담당
Github
🚩 신민철
전체
UI
Input 관련 컴포넌트
ModalInput 관련 컴포넌트
Login 페이지
Signup 페이지
Mypage 페이지
404 페이지
기능
로그인 기능
회원가입 기능
토큰 저장 및 관리
https://github.com/MinCheolS
김동현
UI
헤더 컴포넌트
프로필 아이콘 컴포넌트
랜딩페이지
기능
드롭다운메뉴
프로필 이미지 아이콘 적용
AOS라이브러리를 이용한 애니메이션
이미지 업로드 기능
미리보기 기능
닉네임 수정 기능
비밀번호 수정 기능
https://github.com/dtc03003
김준영
UI
대시보드 수정 페이지
chip(태그) 컴포넌트
컬러 팔레트 컴포넌트
카드 컴포넌트
수정 모달
기능
대시보드 정보 수정 기능
대시보드 구성원 삭제 및 페이지네이션 기능
대시보드 초대하기 기능
초대 취소 및 페이지네이션 기능
대시보드 삭제 기능
할 일 수정 기능
할 일 댓글 수정 기능
태그 랜덤 컬러 기능
MyData context 관리
https://github.com/yohan11
황경수
전체
UI
버튼 컴포넌트 Button.jsx
아이디 별 대시보드 페이지 [dashboardId].jsx
대시보드 페이지 Column, Column별 Cards
Base Modal, BackDrop
기능
Column 생성, 삭제, 이름 수정
Todo Card 생성, 삭제
댓글 작성, 댓글 삭제
Modal 띄우기
대시보드 상태 Context 관리
react-helmet 설정
https://github.com/dali1999
홍성욱
UI
사이드메뉴 컴포넌트
할 일 모달 컴포넌트
나의 대시보드 페이지
기능
사이드메뉴 페이지네이션 기능
대시보드 목록 페이지네이션 기능
대시보드 목록 Context 관리
클릭 시 해당 대시보드로 이동
초대받은 대시보드 목록 Intersection Observer API 를 통한 무한 스크롤 기능
초대받은 대시보드 목록 검색 기능
초대받은 대시보드 수락 및 거절 기능
검색 결과 및 초대받은 대시보드 없을 시 빈 화면
https://github.com/SeongWook-Hong