배포 URL: https://teamagotchi.netlify.app/
발표자료 URL: https://pitch.com/v/teamagotchi-8bfdyd
프로젝트 기간: 2024.07.25 ~ 2024.08.27
Teamagochi 티마고치 할 일 관리 프로그램으로서 다마고치를 키우듯, 티마고치로 팀을 키우자! 라는 의미의 이름을 붙여주었습니다. 이 프로젝트를 선정하게 된 이유는 다른 프로젝트들과 비교했을 때 배울점이 많고, 실제로도 사용할 수 있는 프로젝트가 될 수 있을 것 같아 선정하게 되었습니다.
티마고치를 통해 팀원들과 지인들은 함께 팀을 구성하고 공동의 목표를 관리할 수 있습니다. 이 플랫폼은 일상적인 과업을 효과적으로 조율하며, 동시에 목표 달성을 위한 지속적인 동기부여를 제공합니다. 티마고치는 협업의 즐거움과 성취의 기쁨을 함께 경험할 수 있는 환경을 조성합니다.
yarn 으로 설치 가능합니다.
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 팀장: FE_6기 이대양 | FE_6기 김제완 | FE_6기 송현정 | FE_6기 임희서 | FE_6기 조현지 |
| • 프로젝트 초기 세팅 • Dropdown, Popover • Header • Team Page • 게시글 작성 및 수정 Page • Landing Page |
• 지라 초기 세팅 • 모달 컴포넌트 • 소셜 로그인 • 자유게시판 페이지 • 할 일 상세보기 |
• 유저기능 • 로그인/로그아웃 • 회원가입/탈퇴 • middleware • axios intercepter • edit team Page • edit user Page • team-list Page • router loading • toast 알림 component / hook |
• Input / Textarea • 댓글 기능 • my-history Page • join-team Page • Drag and Drop 기능 |
• task-list Page • add-team Page • team-list Page • 404 Page • loading/error component • error-boundary 설정 • storybook / tanstack query 초기 설정 • 팀 테마 색상 및 이름 설정 • API / Type 설정 / Button 컴포넌트 / Image Input 컴포넌트 •리드미 작성 |
https://www.tldraw.com/r/tolCZ-xmQuhIJ2O4ReQEg?v=16664,-2215,3879,2285&p=page
프로젝트 진행 절차
- 프로젝트 분석
a. userFlow
b. 요구사항 파악
c. Api 명세서 정리
d. UI 모델링 - 기술 선정
- 폴더 구조 / 코드 컨벤션
- 작업분배
a. 작업 단위 결정
b. 작업 분배 - 프로젝트 관리 / 배포 전략
- 구현 및 리펙토링
구현 전 절차에 꽤나 많은 시간이 들어가긴 했지만 팀원들과 함께 회의하며 프로젝트의 방향성을 잡을 수 있었습니다.
- 구글 및 카카오 아이디로 로그인 및 회원가입이 가능합니다.
- 명언과 함께 현재 사용자가 속한 팀의 목록을 보여주고, 해당 팀 페이지로 이동할 수 있습니다.
- 팀을 생성 또는 참여할 수 있습니다.
- 전달받은 팀 초대 링크를 입력해 해당 팀에 참여할 수 있습니다.
- 팀의 프로필과 이름을 변경할 수 있는 팀 수정하기 페이지로 이동할 수 있습니다.
- 팀의 할 일이 얼마나 완료됐는지 시각적으로 나타내는 리포트 부분이 있습니다.
- 해당 팀의 해야 할 일 목록을 보여주고, 추가, 수정, 삭제할 수 있습니다.
- 팀의 멤버 정보가 표시되고, 팀에 멤버를 초대할 수 있는 링크를 생성할 수 있습니다.
- 원하는 할 일 목록에 할 일을 추가할 수 있습니다.
- 이때, 새로운 할 일을 한 번만 할지, 반복할지에 관한 설정이 가능합니다.
- 만들어진 할 일에는, 해당하는 할 일에 대한 설명과 댓글 기능이 있습니다.
- 할 일을 체크또는 체크해제하여 완료 여부를 수정할 수 있습니다.
- 새로운 할 일 목록을 추가할 수 있습니다.
- 프로필과 이름(닉네임), 비밀번호 등을 변경할 수 있고, 회원탈퇴가 가능합니다.
- 현재까지 완료한 할 일을 정리해서 표시합니다.
- 해당하는 할 일의 완료 시각을 확인할 수 있습니다.
- 회원 전용 자유게시판입니다.
- 글 검색, 작성, 수정, 삭제 가능과 댓글 기능이 있습니다.