Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to replicate the functionality of Linktree, providing users with a platform to create personalized landing pages that aggregate links to their content. The application will feature user dashboards for managing links, an admin panel for overseeing the platform, and a builder tool for users to customize their pages effectively.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Link Management Dashboard**: Users can add, edit, and delete links to their personalized landing pages, organizing them easily.
3. **Customizable Landing Page Builder**: A drag-and-drop interface for users to design their landing pages with various layouts and styles.
4. **Analytics Dashboard**: Provide users insights into link clicks, views, and engagement metrics to optimize their content.
5. **Admin Control Panel**: An interface for administrators to manage users, monitor activity, and handle content moderation.
6. **Responsive Design**: Ensure that all pages are optimized for different devices, offering a seamless experience across mobile and desktop.

## 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, a sidebar for dashboard links, and a central content area for the dashboard or builder interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user registration and login functionalities using JWT for secure authentication.
3. **Develop the User Dashboard**: Build the dashboard layout, incorporating components for link management, analytics, and user settings.
4. **Build the Landing Page Builder**: Design the drag-and-drop interface, allowing users to select and arrange elements on their landing pages.
5. **Implement Admin Panel**: Create views for the admin to manage users and oversee platform activity.
6. **Test for Responsiveness**: Ensure that all components are responsive and work seamlessly across various devices.

## USER EXPERIENCE
Users will begin by registering and creating an account. Once logged in, they will access their dashboard where they can manage their links, view analytics, and customize their landing page through an intuitive builder interface. The experience will be streamlined with clear navigation, ensuring users can easily find features and tools they need. Admins will have a separate interface to manage users and content, ensuring the platform remains organized and efficient. 

This prompt outlines the creation of a functional, minimalist web application that aligns with the user's vision of a Linktree-like service, providing a comprehensive structure for development.