Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is an AI web application designed to provide users with intelligent insights and automation tools. The primary focus is on delivering a clean and user-friendly interface that simplifies complex tasks and enhances productivity through AI-driven features.

## CORE FEATURES
1. **AI Insights**: Provide users with data-driven insights based on their inputs, helping them make informed decisions.
2. **Task Automation**: Allow users to automate repetitive tasks using AI algorithms to save time and effort.
3. **User Dashboard**: A personalized dashboard that displays key metrics, recent activities, and quick access to features.
4. **Interactive Chatbot**: An AI-powered chatbot that assists users in navigating the application and answering queries.
5. **Customizable Alerts**: Users can set up alerts for specific metrics or actions, ensuring they stay informed about important changes.
6. **Feedback Mechanism**: A built-in system for users to provide feedback on AI suggestions, helping improve the model 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 application will follow a simple, grid-based layout with a top navigation bar, a central content area for features, and a sidebar for quick access to tools and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context or a similar state management solution as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Configure Tailwind CSS**: Set up Tailwind CSS by creating a configuration file and including it in the project.
4. **Create Layout Components**: Build the main layout components, including the top navigation bar, sidebar, and main content area.
5. **Develop Core Features**: Implement the core features outlined above, starting with the AI Insights and Task Automation functionalities.
6. **Integrate Chatbot**: Add the interactive chatbot component to assist users within the application.
7. **Add User Dashboard**: Create the user dashboard to display metrics and recent activities.
8. **Implement Feedback Mechanism**: Develop the feedback system for users to submit their thoughts on AI suggestions.
9. **Test User Interface**: Conduct UI testing to ensure responsiveness and usability across devices.
10. **Deploy Application**: Prepare the application for deployment using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface where they can view insights on their dashboard, automate tasks with a few clicks, and engage with the AI chatbot for assistance. The layout will ensure that users can easily navigate between features and access customizable alerts to stay informed. The minimalist design will enhance focus, making the application both functional and visually appealing.