Skip to content

moddo-kr/moddo-frontend

Repository files navigation

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


커버

🚩 Table of Content

🐹 MODDO 소개

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


image

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


image

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


image

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


image

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


image

🐹 모또 사용해보러 가기 💨

🛠️ 기술 스택

Category Stack
코어 React TypeScript
상태 관리 Zustand TanStack Query
스타일링 styled-components
빌드 Vite
테스트 Vitest
CI/CD GitHub Actions
배포 Amazon S3 CloudFront

📂 디렉토리 구조

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

🧡 Frontend 팀 소개

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

About

즐거운 만남, 끝까지 즐겁게 (*´▽`*), 모임 또모여 ‘모또’ - 프론트엔드

Resources

Stars

Watchers

Forks

Releases

No releases published

Contributors 2

  •  
  •