Construye una app web que registre las incidencias físicas (tareas de mantenimiento) de una escuela de fotografía donde se pueda observar las...
Generated Prompt
## APPLICATION OVERVIEW This web application is designed to manage and track physical incidents (maintenance tasks) in a photography school. It allows users to view incidents categorized by priority, track pending and resolved tasks, and generate reports on the status of these incidents. The application aims to enhance organization and communication within the school by providing a clear overview of maintenance needs. ## CORE FEATURES 1. **Incident Registration**: Users can create and submit new maintenance tasks with details such as description, priority level, and expected resolution time. 2. **Incident Dashboard**: A centralized view displaying all incidents categorized by their status (pending, resolved) and priority, allowing users to quickly assess the current maintenance needs. 3. **Task Management**: Functionality for users to update the status of tasks, mark them as resolved, or edit their details as necessary. 4. **Reporting**: Generate reports that summarize the incidents over a specified timeframe, showcasing trends in maintenance needs and resolutions. 5. **User Authentication**: Secure login system for users to ensure that only authorized personnel can access and manage incident records. 6. **Notifications**: Alerts for users when high-priority incidents are logged or when tasks are approaching their resolution deadlines. ## 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 layout will feature a top navigation bar for easy access to different sections, a sidebar for quick filtering of incidents, and a main content area displaying the dashboard and task management interface. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit (to manage the state of incidents and user authentication) ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript using Create React App, and install Tailwind CSS and shadcn/ui for styling. 2. **User Authentication**: Implement user authentication using Firebase or a similar service to manage user accounts and sessions. 3. **Incident Model**: Define a data model for incidents, including fields for description, status, priority, and timestamps. 4. **Dashboard Component**: Create the incident dashboard component that fetches data from the state and displays it in an organized manner. 5. **Forms for Incident Registration**: Build forms to allow users to submit new incidents and update existing ones, ensuring validation is included. 6. **Reporting Functionality**: Implement reporting features that aggregate data and allow users to download or view reports in the application. ## USER EXPERIENCE Users will have a seamless interaction with the application, starting from an intuitive login page. Once logged in, they can easily navigate to the dashboard where they see a summary of all incidents. Users can click on individual incidents for more details or to edit them. The use of modals for incident creation and editing will keep the interface clean while allowing quick access to functionality. Responsive design will ensure that users have a consistent experience across devices, making it easy to manage tasks from anywhere.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
