Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/woorifisa-projects-3rd/withbeetravel-fe

✈💵 여행 공동 지출 관리 및 자동 정산 서비스
https://github.com/woorifisa-projects-3rd/withbeetravel-fe

framer-motion nextjs storybook turborepo typescript

Last synced: about 1 month ago
JSON representation

✈💵 여행 공동 지출 관리 및 자동 정산 서비스

Host: GitHub
URL: https://github.com/woorifisa-projects-3rd/withbeetravel-fe
Owner: woorifisa-projects-3rd
Created: 2024-10-25T02:22:06.000Z (3 months ago)
Default Branch: main
Last Pushed: 2024-12-27T15:55:56.000Z (about 1 month ago)
Last Synced: 2024-12-27T16:33:31.156Z (about 1 month ago)
Topics: framer-motion, nextjs, storybook, turborepo, typescript
Language: TypeScript
Homepage:
Size: 123 MB
Stars: 1
Watchers: 0
Forks: 2
Open Issues: 15
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# WithBeeTravel-FE

## 🧑‍💻 프로젝트 소개
✈💵 여행 공동 지출 관리 및 자동 정산 서비스

## 🧑‍💻 프로젝트 배경
단체 여행에서 발생하는 결제와 정산은 자주 부담스럽고 복잡하게 느껴집니다.

💼 **총무의 부담**: 한 사람이 모든 결제를 맡아 책임이 집중되거나, 여러 사람이 결제 후 뒤섞인 내역을 정리해야 하는 비효율적인 구조

🔄 **혼란스러운 정산 과정**: 특히 해외 여행에서는 환율 기준이 모호해 정산 과정에서 추가적인 어려움 발생

💳 **편리한 관리의 부재**: 결제 내역을 기록하고 정리하는 과정이 불편하며, 실시간으로 정산하기 어려움

이러한 문제를 해결하기 위해, 누구나 간편하게 결제 내역을 기록하고 실시간으로 자동 정산할 수 있는 시스템을 기획했습니다!

사용자는 더 이상 결제와 정산에 신경 쓰지 않고, 여행에만 집중할 수 있는 환경을 제공하는 것이 이 서비스의 핵심 목표입니다. 🌟

## ⭐ 프로젝트 주요 기능
### 1. 코어 뱅킹
> 서비스 기능에 적합한 금융 코어 기능을 구현하였습니다.

뱅킹 홈
계좌 생성
계좌 상세

입금
송금
카드 결제 내역 알림

### 2. 여행 생성 및 가입
> 결제 내역을 공유하고 정산할 수 있는 그룹인 여행을 생성하거나 초대 코드를 통해 가입할 수 있는 기능을 구현했습니다.

여행 생성
초대 코드 공유
초대 코드로 가입

### 3. 그룹 공동 결제 내역 확인
> 결제 멤버와 결제 참여 멤버를 한 눈에 볼 수 있는 기능을 구현했습니다.

원하는 결제 내역만 확인할 수 있는 필터링 기능을 제공합니다.

결제 참여 멤버를 손쉽게 변경할 수 있습니다.

그룹 공동 결제 내역 확인
결제 내역 필터링
정산 참여 멤버 선택

### 4. 그룹 공동 결제 내역 추가
> 그룹 공동 결제 내역을 추가할 있는 기능을 구현했습니다.

여행 기간 내 발생한 위비 카드 결제 내역은 그룹 공동 결제 내역에 자동으로 추가됩니다.

여행 기간 외 발생한 위비 카드 결제 내역을 선택하여 추가할 수 있습니다.

현금 결제와 위비 카드 미발급자는 결제 내역을 직접 추가할 수 있습니다.

위비 카드 결제 내역 자동 추가
위비 카드 결제 내역 선택 추가
결제 내역 직접 추가

### 5. 허니캡슐
> 결제 내역에 추억을 기록할 수 있는 기능인 허니캡슐을 구현했습니다.

여행이 끝나면 캡슐을 열어 여행 기록을 확인 할 수 있습니다.

캡슐을 다운받아 간직할 수 있습니다.

허니 캡슐 추가
허니 캡슐 열어보기 및 다운로드

## 🎥 시연 영상

[윗비트래블 시연 영상](https://youtu.be/MLBJV3tiibA)

## 📚 기술 스택

## ![기술 스택1](https://github.com/user-attachments/assets/35065822-dd35-4abb-8fb8-4eef7c08963d)
## ![기술 스택2](https://github.com/user-attachments/assets/990bad5a-d693-446e-963e-f00f6ef78c9a)

## 🗃️ 인프라 구조도
## ![인프라 구조도](https://github.com/user-attachments/assets/49bd6e51-3569-4d2d-9a0c-7d965a176e03)

## 🎈 Commit 방법

### Commit Title

`[{type}/{jira_issue_num}]: Update [README.md](http://README.md)`

- Type: `{type}`
- Jira Issue Num: `{jira_issue_num}`
- Subject: `Update README.m`

### Type

- [feat] : 새로운 기능 추가
- [fix] : 버그 수정
- [docs] : 문서 수정
- [style] : 코드 포맷 변경, 세미콜론 누락, 코드 변경 없음
- [refactor] : 프로덕션 코드 리팩터링
- [test] : 테스트 추가, 테스트 코드 리팩터링, 프로덕션 코드 변경 없음
- [build] : gradle 세팅, 패키지 추가
- [chore] : 빌드 테스크 업데이트, 패키지 매니저 환경설정, 프로덕션 코드 변경 없음

### Subject

- Subject만 보고도 해당 작업을 판단할 수 있게 작성해준다.
- ex) 클라이언트에서 토큰 받아오는 기능 추가
- 길이는 50자 이하로 작성한다.
- 끝에는 마침표를 붙이지 않는다.

### Jira Issue Num

- 지라에서 자동적으로 정해주는 issue 번호를 사용한다.

## 👻 팀원구성

| | | | | |
| :-------------------------------------------------------: | :--------------------------------------------------------: | :-----------------------------------------------------: | :---------------------------------------------------------: | :---------------------------------------------------------: |
| [공소연](https://github.com/Kong-E) | [공예진](https://github.com/yaejinkong) | [김호철(팀장)](https://github.com/HoChoRoo) | [유승아](https://github.com/SeungAh-Yoo99) | [이도이](https://github.com/doyi0107) |
| 풀스택 | 풀스택 | 풀스택 | 풀스택 | 풀스택 |
| 공동 지출 내역,
생성형 AI | 결제 내역 정산,
SSE 실시간 알림 | 코어 뱅킹,
인프라 | 결제 내역 추가,
허니 캡슐 관리 | 여행 관리,
SSE 실시간 알림 |