Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The proposed application is a web app designed to provide users with infinite credits for Lovable. It aims to simplify and enhance user experience by offering a straightforward interface for managing and utilizing credits effectively.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process to manage user accounts and track credits.
2. **Credit Dashboard**: A clean and intuitive dashboard displaying current credit balance, usage history, and options to earn additional credits.
3. **Credit Management**: Features allowing users to allocate, transfer, or redeem credits easily.
4. **Notifications**: Real-time updates and alerts for credit transactions and promotional offers.
5. **Support Center**: Access to FAQs and support contact for user assistance.

## 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 top navigation bar, a side menu for easy navigation, and a central content area for the dashboard and features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user state and credits.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript, install Tailwind CSS, and configure shadcn/ui.
2. **Create Authentication Flow**: Build components for login and registration, integrating user authentication.
3. **Develop Credit Dashboard**: Create a dashboard component that fetches and displays user credit data.
4. **Implement Credit Management Features**: Develop components for allocating, transferring, and redeeming credits.
5. **Build Notification System**: Set up a notification system to inform users of credit changes and promotions.
6. **Design Support Center**: Create a support center page with FAQs and contact options.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency. Users will easily navigate through the dashboard to view their credits, make transactions, and access support. The design will ensure that actions are intuitive, with clear buttons and notifications guiding users through their credit management process.