Lovable Prompt Creator - AI Prompt Generator

## ## # # # `code``code``code`## APPLICATION OVERVIEW
ROBIA Copilot is a comprehensive web application designed to streamline various operational processes, from product documentation to auditing and reporting. The application serves as an all-in-one platform that allows users to manage products, track progress, and utilize AI assistance for efficiency.

## CORE FEATURES
1. **Product Requirements Document (PRD)**: A structured space for documenting product requirements, ensuring clarity and alignment among stakeholders.
2. **Design System**: A cohesive design framework that includes components, styles, and guidelines to maintain consistency across the application.
3. **Dashboard**: An interactive dashboard to provide users with real-time insights and key performance indicators related to their projects.
4. **Local Audit Hub**: A centralized hub for conducting and managing local audits, facilitating thorough oversight and compliance.
5. **AI Assistant**: An integrated AI tool that provides insights, recommendations, and assistance based on user queries and data analysis.
6. **Progress Tracker**: A feature for monitoring project progress, enabling users to visualize milestones and deadlines 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 follow a card-based structure for content display, with a sidebar for navigation, a top bar for notifications, and a central area for detailed views and actions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Design System**: Develop a design system with reusable components, including buttons, cards, and typography styles.
4. **Develop Core Features**: Build out the core features:
   - Set up routes for the dashboard, PRD, audit hub, and AI assistant.
   - Implement components for the dashboard that visualize data.
   - Integrate AI functionality using an external API or internal logic.
5. **Testing and Optimization**: Ensure all features are functioning as intended and optimize for performance.
6. **Deployment**: Prepare the application for deployment using a platform like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions include navigating through the dashboard to access different features, utilizing the AI assistant for guidance, and tracking project progress through visual indicators. The design emphasizes ease of use, allowing users to focus on their tasks without unnecessary distractions. Responsive design principles will ensure a seamless experience across various devices.