🐣 할 일 관리 서비스 티마고치

배포 URL: https://teamagotchi.netlify.app/
프로젝트 기간: 2024.07.25 ~ 2024.08.27

💫 프로젝트 설명

☝🏻 프로젝트 명 및 선정 이유

Teamagochi 티마고치 할 일 관리 프로그램으로서 다마고치를 키우듯, 티마고치로 팀을 키우자! 라는 의미의 이름을 붙여주었습니다. 이 프로젝트를 선정하게 된 이유는 다른 프로젝트들과 비교했을 때 배울점이 많고, 실제로도 사용할 수 있는 프로젝트가 될 수 있을 것 같아 선정하게 되었습니다.

✌🏻 프로젝트 설명

티마고치를 통해 팀원들과 지인들은 함께 팀을 구성하고 공동의 목표를 관리할 수 있습니다. 이 플랫폼은 일상적인 과업을 효과적으로 조율하며, 동시에 목표 달성을 위한 지속적인 동기부여를 제공합니다. 티마고치는 협업의 즐거움과 성취의 기쁨을 함께 경험할 수 있는 환경을 조성합니다.

🤟🏻 프로젝트 설치 및 실행방법

yarn 으로 설치 가능합니다.

🧑🏻‍💻 팀원 구성 및 역할 👩🏻‍💻 (Sprint 6기 Part4 6팀)

팀장: 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 컴포넌트 •리드미 작성

🛠️ 기술스택

프레임워크 & 패키지

라이브러리

UI

코드 포매터 및 검사 도구

협업툴

배포

🍀 기획

https://www.tldraw.com/r/tolCZ-xmQuhIJ2O4ReQEg?v=16664,-2215,3879,2285&p=page

프로젝트 시작하기 전

1. userFlow
   a. 요구사항 파악
   b. Api 명세서 정리
   c. UI 모델링
2. 기술 선정
3. 폴더 구조 / 코드 컨벤션
4. 작업분배
   a. 작업 단위 결정
   b. 작업 분배
5. 프로젝트 관리 / 배포 전략 의 순서로 회의를 진행하고 구현에 들어갔습니다.

꽤나 많은 시간이 들어가긴 했지만 팀원들과 함께 회의하며 프로젝트의 방향성을 잡을 수 있었습니다.

📑 각 페이지 소개

랜딩페이지

로그인 / 회원가입 페이지

팀 리스트 페이지

팀 페이지

할 일 목록 페이지

계정설정하기 및 마이 히스토리 페이지

자유게시판