Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a responsive web application designed to provide a seamless user experience across mobile, desktop, and tablet devices. The minimalist design will focus on usability and accessibility, ensuring that users can navigate and interact with the application easily regardless of the device they are using.

## CORE FEATURES
1. **Responsive Design**: The application will automatically adjust its layout and components to suit different screen sizes, ensuring a consistent experience on mobile, tablet, and desktop.
2. **User Authentication**: Users can create accounts and log in to access personalized features, enhancing user engagement.
3. **Interactive UI Components**: Incorporate buttons, forms, and navigation elements that are touch-friendly and visually appealing.
4. **Content Management**: Users can create, edit, and delete content within the application, allowing for dynamic updates and interactions.
5. **Search Functionality**: Implement a search feature to enable users to quickly find the content they need.
6. **Feedback Mechanism**: Include options for users to provide feedback or report issues, which will help improve the application 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 will include a top navigation bar, a hero section, content sections arranged in a grid format, and a footer. Each section will be clearly defined with ample spacing to maintain a clean appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Install Node.js and create a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries you choose (e.g., Redux).
3. **Configure Tailwind CSS**: Set up the Tailwind CSS configuration file to include your primary color and typography settings.
4. **Create Layout Components**: Develop the main layout components (header, footer, content sections) using functional components in React.
5. **Implement Responsive Design**: Use Tailwind CSS utility classes to ensure the application is responsive across all devices.
6. **Create Core Features**: Build out the core features such as authentication, content management, search functionality, and feedback mechanisms.
7. **Test Across Devices**: Perform thorough testing on mobile, tablet, and desktop to ensure a consistent user experience.
8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment, ensuring the app is accessible to users.

## USER EXPERIENCE
Key user interactions will include a smooth login and registration process, intuitive navigation through the content sections, and easy access to features like searching and providing feedback. Users will experience quick load times and responsive interactions, making it enjoyable and efficient to use the application on any device.