Project Overview

The app will:

• Enable users to track expenses, budget, save, and manage recurring transactions.
• Feature an AI assistant providing personalized advice based on MBTI types.
• Deliver a pixel art aesthetic for a fun and engaging experience.
• Be built with:
  • Supabase for database and authentication.
  • Laravel for backend logic and API implementation.
  • FlutterFlow for the cross-platform mobile app.

Technical Architecture

1. Supabase:
   • Database: Relational database for storing user data, financial transactions, MBTI profiles, and AI interaction logs.
   • Authentication: Secure user authentication with JWT tokens for mobile app login.
   • Real-time Features: Enable real-time updates for budgets, expenses, and savings goals.
2. Laravel:
   • API Gateway: Laravel will handle API logic and interact with Supabase for CRUD operations.
   • AI Personalization: Implement logic to process MBTI data and call AI APIs (e.g., OpenAI or GPT) for personalized advice.
   • Business Rules: Centralize logic like budget thresholds, spending analysis, and custom AI responses in Laravel.
3. FlutterFlow:
   • Mobile App Development: Build the pixel art-inspired UI with FlutterFlow, utilizing its drag-and-drop design tools.
   • Integrations: Connect to Laravel APIs for real-time data updates and AI interactions.

Key Features and Implementation

1. Onboarding

• Personality Quiz: Include a short MBTI quiz during onboarding, with results stored in Supabase.
• Customization: Allow users to select a pixel art avatar and set initial financial goals.

2. Personal Finance Management

• Income & Expense Tracking:
  • Use Supabase to store transactions categorized by type (e.g., food, utilities, loans).
  • Laravel APIs will process the data for summaries and insights.
• Budgeting:
  • Define budgets for each category.
  • Provide visual progress bars in pixel art style using FlutterFlow components.