Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a web application designed for personal and family finance management, allowing couples to organize their budgets, expenses, and income effectively. Users can upload photos of receipts and bills, manage reminders for payments, and generate financial reports, making it an essential tool for daily financial oversight. The app operates on a subscription model, offering a user-friendly and practical experience.

## CORE FEATURES
1. **Budget Management**: Users can input and categorize their budgets to track income and expenses effectively.
2. **Expense Tracking**: Log and organize daily expenditures, with the ability to add notes and categories for better clarity.
3. **Receipt Uploading**: Easily upload and store photos of receipts and bills for automatic tracking and accounting.
4. **Payment Reminders**: Set reminders for upcoming bills and payments to avoid late fees and manage cash flow.
5. **Financial Reports**: Generate detailed reports on spending habits and budget adherence to aid in financial planning.
6. **User-Friendly Interface**: An intuitive design that makes navigation and data entry straightforward and efficient.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a vertical navigation bar, a central dashboard displaying quick stats, and sections for budget management, expense tracking, and report generation. Each feature will be accessible via tabs or a sidebar for seamless navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for state management to handle user data and application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, Redux Toolkit, shadcn/ui).
2. **Create Layout**: Design the main layout with a responsive sidebar/navigation and a central content area using Tailwind CSS.
3. **Implement Core Features**:
   - Develop the budget management component with forms to input and categorize budgets.
   - Create an expense tracking component with options to log expenses and upload receipts.
   - Set up a reminder system for payments using local notifications or alerts.
   - Design the reports section to visualize financial data with charts and graphs.
4. **User Authentication**: Implement user authentication to allow secure access to personal financial data.
5. **Testing**: Conduct thorough testing of all features to ensure functionality and user experience are optimal.
6. **Deployment**: Deploy the application on a suitable hosting platform and ensure that the subscription model is set up for user payments.

## USER EXPERIENCE
Users will have a streamlined experience with a clear and organized interface that allows them to manage their finances with ease. The dashboard will provide quick insights into their financial health, while each feature will guide users through the process of entering and reviewing their financial data. Notifications for payment reminders will help users stay on top of their obligations, and the ability to generate reports will empower them to make informed financial decisions. The application will be fully responsive, ensuring usability across devices.