Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Linkz is a futuristic web application designed to connect people through link archiving. It features a clean and minimalist interface that facilitates easy navigation and interaction, allowing users to manage and access their archived links efficiently.

## CORE FEATURES
1. **Main Page**: Introduces Linkz with an engaging overview, showcasing its purpose and benefits in a visually appealing manner.
2. **Connection Page**: A user authentication page featuring a sleek background of a rotating planet, where users can log in with their username and password, accompanied by a prominent "Connect" button.
3. **User Dashboard**: A simple yet effective panel where clients can view their archived links and statistics through interactive charts that convey data effectively.
4. **Link Archiving System**: Users can easily save, manage, and retrieve links, ensuring a seamless experience in organizing their resources.
5. **Responsive Design**: The application will be fully responsive, ensuring usability across various devices, from desktops to mobile screens.
6. **User Profile Management**: Users can update their profile information and preferences, enhancing personalization within the app.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, emphasizing a clean and simple design with ample white space. The focus is on typography to ensure clarity and ease of reading.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a modern aesthetic.
- **Layout**: The main layout will feature a centered navigation structure, with the main page providing a brief introduction, the connection page having a clear login form positioned centrally, and the user dashboard displaying charts in a grid format for easy access.
- **Typography**: Use a modern sans-serif font such as "Roboto" or "Open Sans" for body text, with larger, bolder headings to establish a clear visual hierarchy and guide user attention.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing rapid development and customization of components.
- **UI Components**: Utilize shadcn/ui for pre-designed, accessible components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context API or Redux for managing user authentication and link archiving states.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Create Page Components**: Develop the main page, connection page, and user dashboard as separate components within the application.
3. **Design the Main Page**: Implement the layout and styling for the main page, ensuring it includes an introductory section about Linkz.
4. **Build the Connection Page**: Design the login form with fields for username and password, along with a rotating planet background using CSS animations.
5. **Develop the User Dashboard**: Create a simple panel that displays charts and links, integrating chart libraries such as Chart.js or Recharts for data visualization.
6. **Implement Authentication**: Set up user authentication logic, allowing users to register and log in, integrating with a backend service if necessary.
7. **Ensure Responsiveness**: Test the application across different device sizes, making adjustments to ensure all components display correctly.

## USER EXPERIENCE
Users will land on the main page where they are greeted with a concise overview of Linkz's capabilities. They can easily navigate to the connection page to log in. After successful authentication, they will be directed to their dashboard, where they can view their archived links and associated statistics in a visually appealing format. The minimalist design ensures that users can focus on their tasks without distractions, promoting a smooth and intuitive user experience.