모두의 결제는 기존의 번거로운 송금 방식과 더치페이 시스템의 불편함을 해결하고 결제,정산,혜택을 동시에 제공하는 서비스입니다.
결제 시점에 각자의 결제 수단으로 금액이 분할 결제되어, 사용자는 번거로운 정산 과정을 거치지 않고 손쉽게 결제할 수 있습니다.
🔗 Web Page Link : https://together-pay-app.vercel.app
| MenuInfo | MenuSelect | PriceDivision | RulletGame |
|---|---|---|---|
 |
 |
 |
 |
| 가맹점의 QR을 스캔하여 결제 정보를 불러옵니다 |
참여자들은 실시간으로 각자 결제할 메뉴를 선택합니다 |
메뉴 선택 없이도, 금액을 기준으로 각자 계산할 수 있습니다 |
룰렛 기능으로 '몰아주기' 등의 재미 요소를 제공합니다 |
🔗 시연 영상 : https://drive.google.com/file/d/1Br3GR_JiiIofnnhyXm2W2TGFCpHVeu6j/view?usp=sharing
🔗 룰렛 + 여러 화면시연 영상 : https://drive.google.com/file/d/1Rx9DnkM2P-gmLZTYk7m3hcmML-wGEpOW/view?usp=sharing
내 자산 관리
- 사용자가 보유한 자산을 한 곳에서 모아서 관리할 수 있도록 합니다 (현재는 Mock 데이터 기반)
가계부
- 직관적이고 편리하게 가계부를 작성할 수 있습니다. 실제 거래가 발생하였을때 내역이 가계부에 자동으로 추가되는 기능을 지원합니다.
전자 명함
- 사용자는 QR을 기반으로 서로의 명함 정보를 간편하게 주고받을 수 있습니다. 각 명함 썸네일과 함께 상세 정보를 직관적으로 제공합니다.
개인 결제
- 사용자는 자신이 소유한 결제수단중 하나를 선택하여 결제를 할 수 있습니다.
함께 결제
- 함꼐 결제에 참여한 사용자들은, 금액을 균등하게 나누어 결제를 진행할 수 있습니다. 게임을 통해서나, 수기로 금액을 입력하여
다른 금액을 정산할 수도 있습니다.
- 함께 결제에 참여한 사용자들은, 자신이 결제할 메뉴를 실시간으로 선택하여 결제를 나눠할 수 있습니다. 타인이 선택 완료한 메뉴는 선택할 수 없으며,
모두 준비 완료가 되었을때 유효성 검증 후 다음단계로 진행합니다.
| Github | Discord | Notion | Figma |
|---|---|---|---|
 |
 |
| Html | CSS | Vue | Tailwind | Vite | Axios | Pinia | Vercel |
|---|---|---|---|---|---|---|---|
 |
| Category | TechStack |
|---|---|
| Framework | Vue.js |
| Styling | Tailwind CSS |
| State Management | Pinia |
| Deployment | Vercel |
| Build Tool | Vite |
| Design Collaboration | Figma |
| Java | mySQL | GCP | Spring | Spring Security |
docker | Nginx | github Action |
Redis |
|---|---|---|---|---|---|---|---|---|
 |
 |
 |
 |
 |
| Category | TechStack |
|---|---|
| Framework, Language | Legacy Spring, Java |
| DB & ORM | MySQL, Redis |
| Network | Nginx |
| Test & Load Test | JUnit |
| API Docs | Swagger |
| CI/CD | GitHub Actions |
| Containerization | Docker |
| GCP | Compute Engine, Bucket, Cloud Functions, VPC |
| 백도현 (BE Leader&FE) |
공희진 | 이학민 (Team Leader) |
서석현 | 조현아 | 이동훈 |
|---|---|---|---|---|---|
 |
 |
 |
 |
||
| - WebSocket&STOMP을 이용한 실시간 메뉴 선택 및 룰렛게임 구현 - Pinia를 이용한 상태관리 - 메인페이지 및 함께결제 디자인 |
- QR코드 생성/스캔 기능 구현 - 앱 로고 디자인 - 함께결제 및 전자명함 디자인 |
- 카드 및 계좌 api 연동 - 자산관리페이지 및 설정페이지 기능 구현 - 나의 명함 페이지 디자인 |
- 가계부페이지 기능 구현 및 디자인 - 가계부 api 연동 - 가계부페이지 CRUD 구현 |
| Message | 설명 |
|---|---|
| feat | 새로운 기능을 추가할 경우 |
| fix | 버그를 고친 경우 |
| design | CSS 등 사용자 UI 디자인 변경 |
| style | 코드 포맷변경, 세미콜론 누락, 코드수정이 없는 경우. |
| refactor | 프로덕션 코드 리펙토링할 경우 |
| comment | 필요한 주석 추가 및 변경 |
| docs | 문서를 수정한 경우 |
| test | 테스트 코드 작업을할 경우 |
| chore | 빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우 |
| rename | 파일 혹은 폴더명을 수정하거나 옮기는 작업만 하는 경우 |
| remove | 삭제하는 작업만 수행한 경우 |
| init | 브랜치 초기화 및 초기셋팅 관련된 설정일 경우 |