Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for real-time management of performance and material waste on construction sites. It enables users to track and analyze material usage, optimize resource allocation, and improve overall efficiency within construction projects, providing actionable insights through a user-friendly interface.

## CORE FEATURES
1. **Real-Time Monitoring**: Users can monitor material usage and performance metrics in real-time, allowing for immediate adjustments and optimizations on-site.
2. **Waste Tracking**: The app provides tools to log and analyze material waste, helping users identify areas for improvement and reduce costs.
3. **Performance Analytics**: Users can access detailed reports and analytics on material efficiency and project performance, facilitating informed decision-making.
4. **User Management**: Secure user authentication allows for role-based access, ensuring that team members can only access relevant information based on their roles.
5. **Notifications & Alerts**: Automated alerts for significant waste events or when materials exceed predefined thresholds, helping teams react promptly.
6. **Dashboard Overview**: A customizable dashboard that provides a snapshot of key performance indicators, allowing users to visualize important metrics at a glance.

## 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 structure will consist of a sidebar navigation for easy access to different modules (monitoring, reporting, user management) and a content area displaying key metrics and insights, ensuring intuitive navigation and a streamlined user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Layout Components**: Build the main layout structure with a sidebar and a content area using Tailwind CSS for styling.
3. **Implement Authentication**: Set up user authentication features, allowing users to register, log in, and manage their profiles securely.
4. **Develop Core Features**:
   - Implement real-time monitoring functionality using WebSocket or similar technology for live updates.
   - Build waste tracking forms and reporting features to log and analyze material usage.
   - Create performance analytics dashboards using charting libraries for data visualization.
5. **Set Up Notifications**: Create a notification system to alert users of important events related to material usage.
6. **Testing & Deployment**: Conduct thorough testing (unit tests, integration tests) and deploy the application on a suitable hosting platform.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive dashboard. Upon logging in, they will see an overview of their projects, including key performance metrics and alerts. They can easily navigate through different sections using the sidebar, log material waste, and view analytics reports. The design prioritizes simplicity, ensuring that users can efficiently manage and optimize their construction resources without unnecessary complexity.