Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to catch trends and suggest content ideas, topics, scripts, and categories for various content creators. This tool will help users stay ahead of content trends and easily generate engaging topics tailored to their needs.

## CORE FEATURES
1. **Trend Detection**: Automatically analyze and identify current trends across various platforms to offer users relevant content suggestions.
2. **Content Idea Generator**: Users can input keywords or categories to receive tailored content ideas and scripts.
3. **Topic Categorization**: Organize suggested topics into various categories for easy navigation and selection.
4. **User Profiles**: Allow users to create profiles to save their favorite content ideas and preferences.
5. **Feedback System**: Users can rate and provide feedback on suggested ideas, improving the algorithm over time.
6. **Dashboard Overview**: A personalized dashboard where users can view trending topics, their saved ideas, and engagement analytics.

## 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 top navigation bar, a hero section for user engagement, followed by sections for trending topics, content idea generation, user dashboard, and a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing user data and preferences.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Components**: Develop reusable components for the navigation bar, hero section, trend display, content idea generator, and dashboard.
3. **Implement Routing**: Set up routing for user profiles and dashboard using React Router.
4. **Integrate Trend Detection API**: Connect to an external API for trend detection and implement logic to fetch and display trending topics.
5. **Develop User Profile Functionality**: Create forms for user registration and login, and implement profile management features.
6. **Feedback System**: Implement a feedback loop for users to rate content ideas and improve suggestions based on user feedback.
7. **Test and Optimize**: Conduct user testing to gather feedback on usability, performance, and design. Optimize based on user input.

## USER EXPERIENCE
Key user interactions include a simple onboarding process where users can quickly set up their profiles, an intuitive interface for generating content ideas, and a responsive design that adapts seamlessly across devices. Users will enjoy easy navigation through their dashboard, where they can access trending topics and saved content ideas, fostering a streamlined experience that prioritizes user engagement and satisfaction.