Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a Predictive Maintenance Dashboard designed to help users monitor the health of their equipment and machinery proactively. By leveraging data analytics and machine learning, the application aims to minimize downtime and optimize maintenance schedules, allowing businesses to operate more efficiently.

## CORE FEATURES
1. **Real-Time Monitoring**: Provides real-time data on equipment performance and health indicators, allowing users to quickly identify issues before they escalate.
2. **Predictive Analytics**: Utilizes machine learning algorithms to predict potential failures based on historical data, helping users to schedule maintenance proactively.
3. **Maintenance Scheduling**: Allows users to create, manage, and track maintenance schedules for all equipment, ensuring timely interventions.
4. **Dashboard Visualization**: Features an intuitive dashboard that visualizes key metrics and alerts through charts and graphs, enhancing decision-making.
5. **User Management**: Supports user authentication and role-based access control, ensuring that sensitive data is securely managed and accessed.
6. **Reporting Tools**: Generates detailed reports on equipment performance and maintenance history, which can be exported for further analysis.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing usability and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring a comfortable reading experience.
- **Layout**: A single-page dashboard with a sidebar for navigation, a top header for alerts and notifications, and a main content area for visualizations and data analysis.
- **Typography**: Use a modern sans-serif font (e.g., Inter or Roboto) for headings and body text, maintaining a clear hierarchy with larger font sizes for headings and consistent spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application structure and type safety.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design and responsive adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that adhere to the minimalist aesthetic.
- **State Management**: Redux or Context API for managing global state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Structure**: Build the main layout with a navigation sidebar, header, and content area using Tailwind CSS for styling.
4. **Implement Core Features**: Develop each of the core features outlined above, starting with real-time monitoring and predictive analytics.
5. **Set Up User Authentication**: Implement user management and authentication, ensuring secure access to the dashboard.
6. **Build Dashboard Visualizations**: Use charting libraries (e.g., Chart.js or Recharts) to create interactive visualizations of key metrics.
7. **Test User Interactions**: Conduct thorough testing of user flows and interactions, ensuring a smooth user experience.
8. **Deploy the Application**: Choose a hosting service (like Vercel or Netlify) to deploy the application, making it accessible to users.

## USER EXPERIENCE
Key user interactions include logging in to access the dashboard, navigating through different equipment views via the sidebar, and using interactive charts to review performance metrics. Users can easily set up maintenance schedules and receive alerts for predictive maintenance tasks, ensuring a proactive approach to equipment management. The responsive design ensures that the application is accessible on various devices, providing a seamless experience across desktops and tablets.