Here's a detailed AI prompt to generate a React Native mobile app UI and logic for an MVP personal finance app, based on the Top 20 most relevant day-to-day features for Indian middle-class users. This is optimized for a prompt that can be used with code-generation or design-generation AIs (like GPT-4, Midjourney, Figma AI, etc.):
Objective: Generate a React Native mobile application focused on solving the day-to-day financial pain points of Indian middle-class users. The app should deliver a clean, intuitive, and functional MVP that includes 20 critical features, designed for early validation and high utility.
-
App Name: Artha
-
Platform: React Native (cross-platform: Android & iOS)
-
Tech Stack:
- Frontend: React Native + TypeScript
- State: Redux Toolkit or Context API
- Backend: Firebase / Node.js (Mock for MVP)
- Persistence: SQLite / AsyncStorage
- UI: Styled using Tailwind or NativeBase
- Navigation: React Navigation
- Authentication: Firebase Auth with 2FA
- Use modern Indian fintech app UI patterns (inspired by Groww, CRED, PhonePe)
- Easy-to-read charts and icons
- Local currency format (βΉ)
- Dark & Light Mode switch
- Multilingual support (start with English & Hindi)
- Accessibility & touch-optimized for older users
-
Expense Categorization
- Auto & manual categorization (e.g., Groceries, Travel, Bills, Lifestyle)
- Pie chart view for category split
-
Budget Planning
- Monthly budget set per category
- Alerts when spending crosses budget
-
Bill Reminders
- Auto-detect bills from SMS
- Push + in-app reminders for credit cards, electricity, DTH, rent
-
Bank Account Aggregation
- Show all balances from SBI, ICICI, HDFC, Paytm, GPay in one screen
- Simulate bank integration using mock JSON for MVP
-
Credit Score Monitoring
- Simulated integration (mock credit score from 300-900)
- Tips to improve score
-
Goal-Based Savings
- Create savings goals (e.g., Wedding, Education, Travel)
- Visual progress bar with monthly deposit
-
EMI & Loan Management
- Track active EMIs and loans (auto/manual entry)
- Show interest % and time left
-
Income Tracking
- Track salary, freelance, tuition, rental income
- Weekly/monthly income graphs
-
Real-Time Alerts & Notifications
- Simulate UPI/Bank SMS alerts
- Push alerts when amount is debited or credited
-
Recurring Payments Detection
- Detect and list recurring payments from history
- Option to cancel or snooze subscriptions
-
Investment Tracking
- Track mutual funds, SIPs, LIC, PPF
- Show returns, start date, current value (mock data)
-
Tax Estimator
- Show estimated tax based on income and deductions (80C/80D)
- Offer deduction suggestions
-
Digital Wallet Integration
- Track spending from Paytm, GPay, PhonePe
- Monthly wallet usage summary
-
Family Budgeting
- Invite spouse/parent to shared dashboard
- View combined expenses & goals
-
Custom Tags and Notes
- Tag transactions (e.g., Personal, Business, Medical)
- Add notes for context
-
Financial Health Score
- Score based on savings %, debt, investments
- Show improvement tips
-
Subscription Tracker
- Show active subscriptions: Netflix, Spotify, Coursera
- Option to cancel directly (mock action)
-
Cash Flow Visualization
- Bar/line chart of income vs expenses month-wise
- Highlight surplus or deficit
-
Two-Factor Authentication
- Enable 2FA via OTP (Firebase Phone Auth)
- Option to enable from settings
-
Data Export to Excel/CSV
- Export transaction data with filters
- Use react-native-share or similar for file export
- Implement mock data for bank and credit integrations
- Focus on offline-first capability using SQLite or local storage
- Ensure app works well on 4G and low-end phones
- All data fields should use INR currency formatting
- Provide mock test data for each use case
- Onboarding + Signup/Login with OTP
- Home Dashboard (Overview of balance, budget, goals)
- Expense Tracker + Add/Edit Expense
- Budget Setup Screen
- Goal Saving Setup & Progress
- Credit Score Dashboard
- Subscriptions Manager
- EMI & Loan Tracker
- Bank/Wallet Aggregation View
- Settings (Language, Theme, 2FA, Export Data)
- Notifications Center
- Family Sharing Screen
- Income Tracker View
- Tax Estimator Wizard
- Reports (Pie/Bar/Line charts)
- PIN Lock / Biometric login
- All sensitive data encrypted in local storage
- GDPR/Indian data compliance basics
-
Provide:
- React Native codebase (TypeScript)
- Component structure for screens
- Navigation flow
- Mock API / data layer for integrations
- Sample UI mockups or wireframes (if applicable)