Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Dark GPT is a minimalist AI chat web application designed to provide users with an uncensored conversational experience. The app focuses on delivering a fast, intuitive, and engaging interface for users to interact with the AI, ensuring a seamless chat experience without distractions.

## CORE FEATURES
1. **AI Chat Interface**: A clean and responsive chat interface where users can input their queries and receive real-time responses from the AI.
2. **User Authentication**: Secure login and registration system to allow users to save their chat history and preferences.
3. **Chat History**: Users can view their previous conversations, making it easy to revisit past interactions.
4. **Customization Options**: Users can adjust settings such as chat theme and notification preferences to enhance their experience.
5. **Feedback Mechanism**: A simple way for users to provide feedback on AI responses, helping to improve the system over time.

## 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 consists of a header with the app title, a central chat area for the conversation, a sidebar for navigation options, and a footer with links to privacy policy and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for pre-built components that enhance the UI.
- **State Management**: Redux Toolkit for managing application state, if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux Toolkit.
3. **Create Components**: Develop core components including the chat interface, user authentication forms, and layout components for the header, sidebar, and footer.
4. **Implement Routing**: Use React Router for navigating between different views (e.g., chat, history, settings).
5. **Integrate AI API**: Connect to the AI backend for processing user inputs and generating responses.
6. **Add State Management**: Set up Redux Toolkit to manage user authentication state and chat history.
7. **Style Application**: Apply Tailwind CSS classes to components based on the design specifications.
8. **Test Functionality**: Test the app for usability, responsiveness, and performance.

## USER EXPERIENCE
Users will land on the main chat interface where they can start typing their questions. The AI will respond in real-time, with a clean and straightforward layout that minimizes distractions. Users can easily access their chat history through the sidebar, customize their experience in settings, and provide feedback on AI responses to improve the service. The responsive design ensures a smooth experience across all devices.

This prompt provides a comprehensive guide for creating the Dark GPT web application, adhering to minimalist design principles while ensuring an engaging user experience.