Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based bank loan approval system designed to analyze user data and determine loan eligibility. Its primary goal is to streamline the loan approval process by providing insightful analytics and an intuitive interface for both users and bank administrators.

## CORE FEATURES
1. **User Profile Creation**: Users can create profiles by entering personal and financial information necessary for loan assessment.
2. **Loan Application Form**: A streamlined form for users to apply for loans, including dynamic fields that adapt based on user input.
3. **Automated Decision Making**: Utilizing AI algorithms to analyze user data and provide instant feedback on loan approval status.
4. **Document Upload**: Users can securely upload necessary documents such as income statements and identification for verification.
5. **Application Tracking**: A dashboard feature that allows users to track the status of their loan applications in real-time.
6. **Personalized Recommendations**: Based on user profiles and financial history, the system offers tailored loan products and repayment plans.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on clean lines, ample white space, and a simple, uncluttered layout to enhance usability.
- **Color Mode**: Light theme featuring a soft, neutral background with dark text to ensure easy readability.
- **Layout**: A single-page layout with a vertical navigation bar on the left, allowing users to switch between features seamlessly. Key sections include a user profile area, loan application form, and application tracking dashboard.
- **Typography**: Use sans-serif fonts such as 'Roboto' for headings and 'Open Sans' for body text, maintaining a clear hierarchy with larger font sizes for headings and smaller for body text to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Utilize Tailwind CSS for responsive and efficient styling, ensuring consistency throughout the application.
- **UI Components**: Implement shadcn/ui for a collection of accessible and reusable components.
- **State Management**: Use Redux or Context API for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Create the main layout with a vertical navigation bar and establish the routing for different sections of the application.
3. **Develop Core Features**: 
   - Implement user profile creation with input validation.
   - Build the loan application form with dynamic fields.
   - Integrate AI decision-making algorithms for loan approval.
   - Create a document upload component with secure storage options.
   - Develop the application tracking dashboard for users to monitor their loan status.
   - Set up personalized recommendation algorithms based on user data.
4. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the application is responsive across various devices.
5. **Testing and Iteration**: Conduct user testing sessions to gather feedback, making necessary adjustments to enhance user experience.

## USER EXPERIENCE
Users will have a smooth experience starting from profile creation, through filling out the loan application, to receiving instant feedback on approval status. The dashboard provides an easy way to track applications, and users will appreciate personalized loan options that cater to their financial situation. The minimalist design ensures that users can navigate the application effortlessly, with all features clearly accessible.