Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage and control loans with varying interest rates on a weekly, bi-weekly, and monthly basis. Users will be able to track their loan details, payments, and overall loan management in a clean and efficient manner.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to manage their loan data.
2. **Loan Management Dashboard**: A central hub where users can view all their loans, payment schedules, and outstanding balances.
3. **Interest Rate Calculator**: A tool that calculates the total interest on loans based on different repayment schedules.
4. **Payment Tracking**: Users can log payments made towards their loans, with options to mark payments as completed and view payment history.
5. **Reminders and Notifications**: Alerts for upcoming payments due, ensuring users stay informed about their financial commitments.
6. **Reports and Analytics**: Comprehensive reports on loan usage, payments made, and remaining balances, helping users to make informed financial decisions.

## 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 accessing different sections, a sidebar for quick actions, and a central dashboard area displaying loan information and analytics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux for managing global state if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Authentication Module**: Implement user registration and login functionality with secure password handling.
4. **Develop Loan Management Dashboard**: Create components to display loans, payment history, and actionable buttons for logging payments.
5. **Integrate Interest Rate Calculator**: Build a simple form to input loan details and calculate interest based on user-defined parameters.
6. **Set Up Notifications**: Use a library for handling notifications and reminders for upcoming payments.
7. **Generate Reports**: Implement a reporting feature that aggregates loan data and presents it in easy-to-read formats.
8. **Test Responsiveness**: Ensure the application is mobile-friendly and functions well across different devices.

## USER EXPERIENCE
Users will start by signing up or logging in to their account. Upon entering the dashboard, they will see a summary of their loans and payment schedules. Users can easily navigate through different sections using the top navigation bar. The loan management features allow them to add new loans, log payments, and access reports with just a few clicks. Notifications will keep them updated about upcoming payments, enhancing their financial management experience. The minimalist design ensures that users can focus on their loan information without distractions.