즐거운 만남, 정산까지 즐겁게! MODDO

---

🚩 Table of Content

• 🐹 MODDO 소개
• 🛠️ 기술 스택
• 📂 디렉토리 구조

• 🧡 Frontend 팀 소개

🐹 MODDO 소개

모또는 정산 담당자의 부담을 줄이기 위해
게이미피케이션 요소를 더하여 모임원의 적극적 정산 참여를 유도하는 서비스입니다.

정산한 모임의 정보를 입력하고 참여자를 추가하세요.

이제 모임의 지출을 정리할 시간! 차수별로 지출 내역을 입력해주세요.

입력한 지출 내역을 확인하면 정산 요청 준비 완료!

링크로 참여한 모두가 정산의 진행 상황을 확인할 수 있어요.
정해진 시간 안에 정산을 완료하고 캐릭터를 획득해보세요!

🐹 모또 사용해보러 가기 💨

🛠️ 기술 스택

Category	Stack
코어
상태 관리
스타일링
빌드
테스트
CI/CD
배포

📂 디렉토리 구조

src/
├── assets/          # 정적 리소스 (이미지, 아이콘 등)
├── common/          # 공용 모듈
│   ├── components/  # 공용 UI 컴포넌트
│   ├── constants/   # 상수 정의
│   ├── hooks/       # 커스텀 훅
│   ├── loaders/     # 라우트 데이터 로더
│   ├── queries/     # tanstack query 관련 로직
│   ├── types/       # 타입 정의
│   └── utils/       # 유틸 함수
├── mocks/           # MSW 핸들러
├── pages/           # 라우트 단위 화면
├── service/         # API 호출 로직
├── stories/         # Storybook 스토리 문서
└── styles/          # 테마, 글로벌 스타일

🧡 Frontend 팀 소개

심여은 (ongheong)	윤정연 (yoouyeon)