Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a comprehensive web app designed for personal and business finance management. It allows users to interactively manage their finances with a premium design, enabling them to separate personal and business accounts while providing a customizable dashboard for each user. Users can log in to their accounts, which start from scratch, and add their financial data, including calendar events, PDF readings, and screenshots, all processed by AI for data extraction and insights.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create and manage their unique accounts.
2. **Personal and Business Finance Modules**: Distinct sections for personal and business finance management, each with tailored tools and features.
3. **Interactive Dashboard**: A customizable dashboard displaying key financial metrics, trends, and user-specific insights.
4. **AI Data Reading**: Integration of AI to read and interpret financial documents such as PDFs, tickets, and screenshots, extracting relevant dates and amounts.
5. **Calendar Integration**: A calendar feature for users to manage their financial deadlines and important dates seamlessly.
6. **Data Entry and Management**: Easy-to-use forms for entering financial data, with real-time updates and modifications.

## 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 consist of a sidebar for navigation, a top navigation bar for quick access to key features, and a central area for displaying the dashboard and financial records.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modular UI components.
- **State Management**: Redux Toolkit (if needed for complex state management).

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize the project using Create React App with TypeScript template.
2. **Install necessary libraries**: Add Tailwind CSS, shadcn/ui, and Redux Toolkit.
3. **Create the authentication module**: Implement user registration and login functionality using Firebase or a similar backend solution.
4. **Design the UI**: Create components using Tailwind CSS and shadcn/ui that adhere to the minimalist design principles specified.
5. **Develop the finance modules**: Build out the personal and business finance sections with forms for data input and retrieval.
6. **Integrate AI features**: Connect with an AI service to handle data extraction from uploaded PDFs, tickets, and images.
7. **Implement the dashboard**: Create a customizable dashboard that allows users to visualize their financial data effectively.
8. **Test the application**: Conduct thorough user testing to ensure all features work as intended and the UI is responsive.

## USER EXPERIENCE
Users will begin by registering or logging into their accounts. Upon logging in, they will be greeted with a personalized dashboard that summarizes their financial status. Users can navigate between personal and business finance sections through an intuitive sidebar. They can easily add financial records, upload documents for AI processing, and set calendar reminders for important financial dates. The overall experience will be streamlined and user-friendly, ensuring users can focus on managing their finances efficiently.