Prompt de Optimización Avanzada para la Aplicación Necesito realizar una optimización y corrección funcional en mi aplicación utilizada en terreno...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is designed to optimize and enhance a mobile solution for mining operations. It focuses on the seamless management of operational logs and pre-use equipment checks, allowing users to capture and store photographic evidence effectively while generating automated PDF reports. ## CORE FEATURES 1. **Mobile Optimization**: Fully responsive interface for both Android and iOS, ensuring usability in field conditions with large, accessible buttons and fluid performance on limited data connections. 2. **Photo Management**: Users can capture images directly or upload from the gallery, with functionalities for previewing and attaching multiple images before saving the record. 3. **Persistent Image Storage**: Utilizes Supabase Storage or Firebase Storage for secure and persistent image storage, ensuring reliable access to images in generated PDFs. 4. **PDF Generation**: Generates detailed reports that include a dedicated section for photographs, displaying images with metadata such as date, module, and optional descriptions. 5. **Error Handling**: Robust error management for image uploads, providing clear messages and retry options to ensure records are complete and accurate. 6. **Preview Screen**: A final confirmation screen before saving, displaying all entered data and attached images for user verification. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a strong focus on typography for clarity. - **Color Mode**: Light theme with dark text on light backgrounds for enhanced readability. - **Layout**: A straightforward vertical layout with clear sections for operational logs, image uploads, previews, and final confirmation before saving. - **Typography**: Use a sans-serif font for high legibility, with distinct hierarchies for headings, subheadings, and body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust and scalable application architecture. - **Styling**: Tailwind CSS for efficient styling and responsive design implementation. - **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components that align with the minimalist aesthetic. - **State Management**: Consider using React's Context API or Zustand for state management to maintain a seamless user experience. ## IMPLEMENTATION STEPS 1. **Set Up the Application**: Initialize a new React app with TypeScript, integrate Tailwind CSS, and configure shadcn/ui components. 2. **Develop Core Features**: - Create the mobile-responsive layout for the operational log and pre-use check modules. - Implement photo capture and upload functionalities, including image previews. - Set up persistent storage solutions using Supabase or Firebase for image management. 3. **PDF Generation**: Create a utility function to generate PDFs that include images and metadata, ensuring URL retrieval is efficient. 4. **Error Handling Logic**: Develop user-friendly error messages and retry mechanisms for image uploads. 5. **Preview and Confirmation Screen**: Build a preview component that displays all entered data and images before final submission. 6. **Testing and Optimization**: Conduct thorough testing on both Android and iOS devices to ensure fluid performance, responsiveness, and adherence to design specifications. ## USER EXPERIENCE The user experience will focus on smooth interactions, from capturing images to generating reports. Users will easily navigate through capturing operational logs, previewing images, and confirming entries, ensuring a streamlined process even in challenging field conditions. The design will prioritize clarity and accessibility, making it intuitive for users with varying technical skills. ```
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!
