Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help users manage their finances in a personalized, logical, and useful manner, incorporating life hacks and growth hacks. The app will facilitate tracking expenses, managing budgets, and providing insights into financial habits, all within a clean and user-friendly interface.

## CORE FEATURES
1. **Expense Tracking**: Users can log their daily expenses and categorize them for better analysis.
2. **Budget Management**: Set monthly budgets for various categories and receive alerts when nearing limits.
3. **Financial Insights**: Visual analytics and reports that highlight spending patterns and suggest areas for improvement.
4. **Personalized Tips**: Receive tailored financial advice based on user behavior and spending habits.
5. **Goal Setting**: Users can set financial goals (e.g., saving for a vacation) and track their progress.
6. **Secure Login**: Implement user authentication to ensure data privacy and security.

## 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 top navigation bar for easy access to key features, a central dashboard showcasing financial summaries, and sections for detailed insights and tips.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or any preferred state management library)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, Redux).
2. **Design Layout**: Create a responsive layout with a top navigation bar, main dashboard area, and sections for features.
3. **Implement Authentication**: Set up user authentication flow to secure user data.
4. **Develop Core Features**: Build out the main features: expense tracking, budget management, financial insights, personalized tips, and goal setting.
5. **Integrate UI Components**: Utilize shadcn/ui library for consistent UI components across the application.
6. **Styling**: Apply Tailwind CSS for styling according to the specified design principles.
7. **Testing**: Conduct thorough testing for functionality and user experience across different devices.

## USER EXPERIENCE
Users will start by creating an account and logging in securely. Upon entering the dashboard, they will see an overview of their financial status, including recent expenses and budget status. They can easily navigate to log new expenses, set budgets, and view personalized tips. The interface will be intuitive, with clear call-to-action buttons and a focus on providing a seamless experience for managing finances. Responsive design ensures accessibility on both desktop and mobile devices.