From 504f1962805b8af78d7e1d6257fddd3c97534236 Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sun, 16 Mar 2025 02:56:10 +0000 Subject: [PATCH] Document app features Create a file summarizing the features of the application. --- src/app-features-guide.md | 92 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 src/app-features-guide.md diff --git a/src/app-features-guide.md b/src/app-features-guide.md new file mode 100644 index 0000000..92e215b --- /dev/null +++ b/src/app-features-guide.md @@ -0,0 +1,92 @@ + +# 젤리의 적자탈출 앱 - 기능 가이드 + +## 1. 핵심 기능 + +### 홈 대시보드 +- **예산 진행 상황**: 월별/주별 예산 진행 상황 시각화 +- **카테고리별 예산**: 식비, 생활비 등 카테고리별 예산 vs 지출 현황 +- **최근 지출 내역**: 최근 지출 항목 빠른 확인 + +### 지출 관리 +- **지출 기록**: 금액, 카테고리, 날짜별 지출 등록 +- **지출 내역 수정/삭제**: 기존 지출 정보 수정 및 삭제 +- **카테고리 필터링**: 카테고리별 지출 필터링 +- **검색 기능**: 지출 내역 검색 + +### 예산 설정 +- **전체 예산 설정**: 월간 총 예산 금액 설정 +- **카테고리별 예산 설정**: 식비, 생활비 등 카테고리별 예산 할당 +- **예산 기간 설정**: 월간/주간 예산 타입 선택 + +### 데이터 분석 +- **지출 통계**: 카테고리별, 기간별 지출 분석 +- **그래프 시각화**: 예산 대비 지출 그래프 시각화 +- **소비 패턴 분석**: 시간에 따른 지출 패턴 확인 + +## 2. 사용자 관리 + +### 회원 기능 +- **회원가입**: 이메일 기반 회원가입 +- **로그인/로그아웃**: 사용자 인증 +- **비밀번호 재설정**: 잊어버린 비밀번호 복구 + +### 프로필 관리 +- **개인정보 설정**: 사용자 프로필 정보 관리 +- **비밀번호 변경**: 보안 강화를 위한 비밀번호 변경 + +## 3. 데이터 동기화 + +### 클라우드 동기화 +- **Supabase 연동**: 사용자 데이터 클라우드 저장 +- **데이터 백업**: 기기 변경 시에도 데이터 유지 +- **실시간 동기화**: 여러 기기에서 동일한 데이터 접근 + +### 오프라인 기능 +- **로컬 데이터 저장**: 인터넷 연결 없이도 데이터 저장 +- **자동 동기화**: 인터넷 연결 시 자동 데이터 동기화 + +## 4. 설정 및 보안 + +### 앱 설정 +- **알림 설정**: 예산 초과 알림 등 설정 +- **테마 설정**: 앱 테마 커스터마이징 +- **언어 설정**: 다국어 지원 + +### 보안 기능 +- **데이터 암호화**: 민감한 재정 정보 보호 +- **보안 설정**: 앱 잠금 및 보안 강화 옵션 +- **데이터 초기화**: 모든 데이터 리셋 옵션 + +## 5. 사용자 경험 + +### UI/UX +- **네오모피즘 디자인**: 모던하고 직관적인 UI +- **반응형 레이아웃**: 다양한 기기 화면 크기 지원 +- **다크 모드**: 배터리 절약 및 눈 피로도 감소 + +### 사용자 지원 +- **도움말 및 지원**: 앱 사용 가이드 +- **튜토리얼**: 첫 사용자를 위한 온보딩 안내 +- **피드백 시스템**: 사용자 의견 수렴 + +## 6. 모바일 앱 지원 + +### 크로스 플랫폼 +- **iOS 앱**: 아이폰 및 아이패드 지원 +- **안드로이드 앱**: 안드로이드 기기 지원 +- **웹 앱**: 브라우저에서도 동일한 경험 + +### 네이티브 기능 +- **푸시 알림**: 중요 알림 실시간 전달 +- **오프라인 모드**: 인터넷 연결 없이도 기본 기능 사용 +- **기기 저장소 접근**: 데이터 내보내기/가져오기 + +## 주요 기술 스택 + +- **프론트엔드**: React, TypeScript, Tailwind CSS +- **상태 관리**: React Context API +- **UI 컴포넌트**: shadcn/ui +- **데이터 시각화**: Recharts +- **백엔드/데이터**: Supabase (인증, 데이터베이스) +- **모바일 앱 변환**: Capacitor