프로젝트 소개

간편하고 직관적인 방식으로 일정 관리와 프로젝트 협업을 가능하게 해주는 서비스

개발 기간	2024.04.15 ~ 2024.05.01
URL	배포주소

사용 기술 스택

Framework
Programming Language
Styling
Version Control
Design
Communication

주요 기능

gif	gif
기능	기능

트러블 슈팅

트러블 슈팅 타이틀

문제상황

내용

해결방안

내용

프론트엔드 팀원 소개

이름		담당	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