Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for financial planning tailored specifically for expatriates. This platform will help users manage their finances while living abroad, offering tools for budgeting, expense tracking, and investment planning.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login processes that allow users to create and manage their accounts.
2. **Budgeting Tool**: A simple interface for users to set budgets, categorize expenses, and visualize spending against their budgets.
3. **Expense Tracker**: Users can log and categorize daily expenses, allowing them to see where their money goes.
4. **Investment Planning**: Tools to help users evaluate different investment options and simulate potential outcomes based on their financial goals.
5. **Currency Converter**: An integrated feature to help users view their finances in different currencies relevant to their expat lifestyle.
6. **Financial Reports**: Generate reports that summarize financial data, helping users understand their financial health and make informed decisions.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design featuring a clean and simple aesthetic, with ample white space to enhance readability and focus.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and accessibility.
- **Layout**: A straightforward, intuitive layout with a sidebar for navigation, a main content area for tools and data visualization, and a footer for additional links and information.
- **Typography**: Use sans-serif fonts like Roboto or Open Sans for body text, with larger headings in a bold typeface to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development process.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components.
- **State Management**: Consider using Redux or React Context API for managing global state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Authentication Module**: Implement user authentication with secure sign-up and login functionalities.
3. **Build Core Features**: 
   - Develop the budgeting tool interface.
   - Create the expense tracking functionality with categorization options.
   - Implement the investment planning tools with input forms and simulation features.
   - Integrate the currency converter API to provide real-time conversion rates.
   - Design and implement the financial report generation feature.
4. **Establish Routing**: Set up routing for different sections of the app using React Router.
5. **Design UI Components**: Utilize shadcn/ui components for a cohesive and accessible UI design.
6. **Test Application**: Conduct thorough testing of all features, including user flows and edge cases.
7. **Deploy Application**: Prepare the app for deployment, ensuring it’s optimized for performance and security.

## USER EXPERIENCE
Users will be greeted with a clean dashboard upon logging in, providing quick access to their budgeting tool and expense tracker. They can easily navigate to the investment planning section through the sidebar, where they can input their financial goals and receive tailored recommendations. The application will provide immediate feedback and visualizations to enhance understanding and engagement, ensuring a seamless experience across devices.