Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application called DarkGPT that provides users with a simplified and accessible way to interact with GPT-based chat functionalities. The focus will be on delivering a clean, user-friendly experience that emphasizes ease of use and efficiency.

## CORE FEATURES
1. **User-Friendly Interface**: A minimalistic chat interface that allows users to easily type in queries and receive responses without distractions.
2. **Instant Chat Responses**: Real-time processing of user inputs to generate quick responses, enhancing interactivity.
3. **Dark Mode Toggle**: A simple option for users to switch between light and dark themes to suit their preferences.
4. **Feedback Mechanism**: Users can provide feedback on responses, enabling continuous improvement of the AI's interactions.
5. **Resource Links**: Easily accessible links to additional resources and help sections for users seeking more information about using the application effectively.

## 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 the application title, a central chat interface for user interactions, and a footer with resource links and feedback options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and chat states

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout**: Develop the main layout with a header, chat interface, and footer using Tailwind CSS for styling.
4. **Implement Chat Functionality**: Use React hooks to manage chat state and integrate API calls for generating responses.
5. **Add Dark Mode Toggle**: Implement a toggle switch that modifies the application’s theme based on user preference.
6. **Integrate Feedback Mechanism**: Create a form for users to submit feedback on AI responses.
7. **Testing and Debugging**: Conduct thorough testing to ensure functionality and fix any bugs that arise.

## USER EXPERIENCE
Users will land on a clean interface where they can quickly begin typing their questions or prompts into the chat box. The minimalist design ensures users are not overwhelmed, while the real-time response feature keeps the interaction fluid and dynamic. Users can easily access additional resources and submit feedback, contributing to a more personalized and engaging experience. The dark mode feature provides flexibility for users who prefer different visual settings.