Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
SIGO (Sistema Integrado de Gestión de Obras) is a web application designed to centralize project management for construction works. It provides real-time insights into inventory, progress tracking, daily reporting, and communication among team members, enhancing efficiency and oversight in construction projects.

## CORE FEATURES
1. **Inventory Management**: Control materials, equipment, and tools with features for tracking entries and exits, project-specific management, low stock alerts, and photo/QR code registrations.
   
2. **Progress Tracking Module**: Monitor project progress with percentage completion by activity, Gantt chart scheduling, and photographic evidence linked to geographic locations.
   
3. **Daily Reporting**: Generate detailed reports including workforce presence, executed activities, weather conditions, updates, photos, and digital signatures from project supervisors.
   
4. **Real-Time Chat**: Facilitate direct communication between project participants (engineers, foremen, administrators) with project-specific chat, photo/document sharing, and real-time notifications.
   
5. **Management Dashboard**: A strategic overview for management featuring total project progress, material consumption, budget vs. actual costs, critical alerts, and project status indicators.

6. **User and Role Management**: Administer user roles including Administrator, Resident Engineer, Supervisor, and Storekeeper, allowing for tailored access and functionalities.

## 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**: A clean layout with a side navigation bar for module access and a main content area to display reports, dashboards, and chat functionalities.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and Tailwind CSS integrated.
2. **Design Layout**: Create a responsive layout with a sidebar for navigation and main content area for displaying modules.
3. **Develop Inventory Module**: Implement inventory management features, including CRUD operations and real-time updates through Firebase.
4. **Implement Progress Tracking**: Build the progress tracking module with Gantt chart visualization and photographic evidence handling.
5. **Daily Reporting Feature**: Design and implement the daily reporting system, allowing users to fill in and submit reports easily.
6. **Real-Time Chat Functionality**: Use Firebase for real-time chat implementation, allowing users to communicate effectively.
7. **Dashboard Development**: Create a management dashboard to visualize key metrics and alerts.
8. **User Management System**: Develop a user authentication and role management system.

## USER EXPERIENCE
Users will navigate the application through a sidebar that provides access to various modules. Upon logging in, users can view their dashboard with a summary of current projects and statuses. Each module will have a clean interface for data input and display, with interactive elements like charts and reports. Real-time chat functionality enhances collaboration, allowing users to exchange messages and share files instantly. The design will ensure a seamless experience across devices, optimizing usability in the field.