Quiero generar una app que me permita tomar las fotos en campu cuando cualquiera de los tecnicos hace una instalacion, esta sea georefenciada con...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to enable technicians to capture georeferenced photos during installations. The application will timestamp each photo and allow users to upload these images to a specific directory in the company’s OneDrive repository upon completion of the installation process. ## CORE FEATURES 1. **Photo Capture**: Technicians can take photos directly within the app, which automatically attaches location data and timestamp. 2. **Geolocation Tagging**: Each photo will be tagged with GPS coordinates to ensure accurate tracking of installation locations. 3. **Photo Upload**: At the end of an installation, users can upload all captured photos to a designated OneDrive folder. 4. **User Authentication**: Technicians must log in to ensure secure access and data management. 5. **Dashboard**: A simple dashboard where users can view their uploaded photos and installation logs. 6. **Notifications**: Users receive confirmations upon successful upload of images to OneDrive. ## 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 will consist of a header with the app logo and navigation links, a central photo capture area, and a footer with contact information and links to support. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Redux (if state management becomes complex) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript. Install necessary dependencies including Tailwind CSS and shadcn/ui. 2. **Create Authentication Flow**: Implement user authentication to allow technicians to log in securely. 3. **Develop Photo Capture Component**: Utilize the device camera API to create a component for photo capture, integrating geolocation to tag images. 4. **Implement Upload Functionality**: Integrate with the OneDrive API to handle image uploads after installation. 5. **Build Dashboard**: Create a simple dashboard to display previously uploaded photos and installation logs. 6. **User Feedback**: Implement notifications for successful uploads and error handling for any issues during the upload process. ## USER EXPERIENCE Users will start by logging into the application. Once logged in, they will access the photo capture component where they can take pictures during installations. After capturing photos, users will receive a confirmation when the images are successfully uploaded to OneDrive. The dashboard allows users to review their past submissions, enhancing visibility into their work history. The entire experience is designed to be intuitive and efficient, focusing on the main tasks of capturing and uploading images seamlessly.
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!
