Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a Shopify-based credits seller platform tailored for apps like TikTok, enabling users to calculate the amount of credits they should receive based on their payment type. It will allow the admin to add and edit new applications while keeping order and e-commerce features hidden for future implementation.

## CORE FEATURES
1. **App Management**: Admins can easily add, edit, or remove applications for which credits are sold, ensuring the platform is always up to date.
2. **Credit Calculation Tool**: Users will input their payment type to receive a calculated estimate of the credits they should receive.
3. **User Dashboard**: A simple dashboard displaying available apps and their corresponding credit information for easy navigation.
4. **Contact Form**: A basic contact form for inquiries or support, allowing users to reach out to the admin directly.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 header with navigation, a hero section for the credit calculation tool, a features section showcasing different applications, and a contact section for user inquiries.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management or context API as needed for managing app states.

## IMPLEMENTATION STEPS
1. **Set Up Shopify Store**: Create a new Shopify store and configure basic settings.
2. **Integrate React with Shopify**: Use Shopify’s Storefront API to connect your React application with the Shopify backend.
3. **Create App Management Interface**: Develop an admin dashboard for managing apps, including forms for adding/editing apps.
4. **Implement Credit Calculation Tool**: Build a user interface for the credit calculation tool that processes user input and displays results.
5. **Design Responsive Layout**: Use Tailwind CSS to ensure the layout is responsive and visually appealing across devices.
6. **Build Contact Form**: Create a simple contact form that can submit inquiries to the admin's email or a designated support channel.
7. **Testing**: Conduct thorough testing to ensure all features work as intended across different devices and browsers.
8. **Deploy**: Deploy the application to a live Shopify environment.

## USER EXPERIENCE
Users will experience a straightforward interface where they can quickly navigate through the available applications. The credit calculation tool will be intuitive, requiring minimal input to deliver results. The layout will ensure that important features are easily accessible, and the contact form will provide a direct line for support, enhancing overall user satisfaction. The responsive design will ensure the application is usable on both mobile and desktop devices.