Flutter 기반 개인 자산 관리 앱을 모듈화된 클린 아키텍처 구조로 단계별 개발할 때 유용합니다.
Act as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast iteration.
## Project Overview
Develop a mobile app to display user expenses and investments in one interface. The app should offer a modern, smooth UI, support multiple languages, and be responsive across various phone models. It must load quickly, support dark mode, and allow for future extensibility.
## Non-Negotiables
- **Tech Stack**: Flutter (latest stable) with null-safety.
- **Platform Support**: Android and iOS.
- **Responsive UI**: Adapt to different phone screen sizes.
- **Multi-language Support**: Implement i18n with at least ${languages:tr,en}.
- **Dark Mode**: Full support.
- **Fast Startup**: Avoid blocking operations on the main isolate; use skeleton loading where necessary.
- **Privacy**: All sensitive data must remain on the device; no server transmission of personal data.
## Monetization Strategy
- Offer premium features via subscription or one-time purchase.
- Include ads as placeholders, easily swappable or removable.
## Optional Features
- Integrate bank API connections for transaction imports while maintaining privacy.
- Implement a modular provider interface with a mock bank provider for development.
## Desired UX/UI
- Smooth, modern UI with Material 3, animations, and charts.
- Key Screens: Dashboard, Expenses, Investments, Settings.
- Offline capability.
## Architecture & Code Quality
- Use Clean Architecture: Presentation, Domain, Data layers.
- Choose a state management tool (${state_mgmt:riverpod}) and stick with it.
- Use local encrypted storage for sensitive data.
- Basic analytics should be opt-in, privacy-safe.
- Enable export/import functionality (CSV/JSON).
## Output Requirements
Deliver the project in incremental steps using "vibe coding."
### Step 0 — Plan
- Outline the project plan and folder structure.
- List dependencies and their purposes.
- Detail platform configurations for Android and iOS.
### Step 1 — Bootstrap App
- Provide commands to create the project.
- List pubspec.yaml dependencies.
- Implement routing, theming, and localization scaffolding.
### Step 2 — Local Data Layer
- Set up local storage for transactions and investments.
- Develop entities, repositories, and CRUD use cases.
### Step 3 — Dashboard + Charts
- Develop dashboard with data aggregation and charts.
### Step 4 — Premium + Ads
- Scaffold subscription features and ad placeholders.
### Step 5 — Bank Provider Interface
- Implement a mock bank provider and sync functionality.
## Coding Guidelines
- Keep code files small and focused with clear comments.
- Provide "How to run" instructions after each step.
- List any external tools/plugins used with details.
## MVP Constraints
- Start with a lean MVP; avoid overengineering.
- No backend server required.
- Avoid legal/financial claims.
## Variables
- **App Name**: ${app_name:FinanceHub}
- **Package Name**: ${package_name:com.example.financehub}
- **Languages**: ${languages:tr,en}
- **Currency Default**: ${currency:TRY}
- **State Management**: ${state_mgmt:riverpod}출처 · prompts.chat · Finance Tracker App Development Plan — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast iteration. ## Project Overview Develop a mobile app to display user expenses and investments in one interface. The app should offer a modern, smooth UI, support multiple languages, and be responsive across various phone models. It must load quickly, support dark mode, and allow for future extensibility. ## Non-Negotiables - **Tech Stack**: Flutter (latest stable) with null-safety. - **Platform Support**: Android and iOS. - **Responsive UI**: Adapt to different phone screen sizes. - **Multi-language Support**: Implement i18n with at least ko, en. - **Dark Mode**: Full support. - **Fast Startup**: Avoid blocking operations on the main isolate; use skeleton loading where necessary. - **Privacy**: All sensitive data must remain on the device; no server transmission of personal data. ## Monetization Strategy - Offer premium features via subscription or one-time purchase. - Include ads as placeholders, easily swappable or removable. ## Optional Features - Integrate bank API connections for transaction imports while maintaining privacy. - Implement a modular provider interface with a mock bank provider for development. ## Desired UX/UI - Smooth, modern UI with Material 3, animations, and charts. - Key Screens: Dashboard, Expenses, Investments, Settings. - Offline capability. ## Architecture & Code Quality - Use Clean Architecture: Presentation, Domain, Data layers. - Choose a state management tool (riverpod) and stick with it. - Use local encrypted storage for sensitive data. - Basic analytics should be opt-in, privacy-safe. - Enable export/import functionality (CSV/JSON). ## Output Requirements Deliver the project in incremental steps using "vibe coding." ### Step 0 — Plan - Outline the project plan and folder structure. - List dependencies and their purposes. - Detail platform configurations for Android and iOS. ### Step 1 — Bootstrap App - Provide commands to create the project. - List pubspec.yaml dependencies. - Implement routing, theming, and localization scaffolding. ### Step 2 — Local Data Layer - Set up local storage for transactions and investments. - Develop entities, repositories, and CRUD use cases. ### Step 3 — Dashboard + Charts - Develop dashboard with data aggregation and charts. ### Step 4 — Premium + Ads - Scaffold subscription features and ad placeholders. ### Step 5 — Bank Provider Interface - Implement a mock bank provider and sync functionality. ## Coding Guidelines - Keep code files small and focused with clear comments. - Provide "How to run" instructions after each step. - List any external tools/plugins used with details. ## MVP Constraints - Start with a lean MVP; avoid overengineering. - No backend server required. - Avoid legal/financial claims. ## Variables - **App Name**: TPI 자산관리 - **Package Name**: com.tpi.asset - **Languages**: ko, en - **Currency Default**: KRW - **State Management**: riverpod
Flutter Clean Architecture와 Material 3 디자인 가이드라인을 기반으로 제작된 TPI 자산관리 애플리케이션의 풀 인터랙티브 데모입니다. 지출 및 투자 통합 대시보드, 캔버스 기반 실시간 추이 차트, 항목 추가/삭제, 가상 은행 동기화, 다크 모드 및 다국어(한국어/영어) 전환 기능을 단일 파일 웹 애플리케이션으로 완벽하게 구현하였습니다.