Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for field technicians to register their work efficiently. It allows users to sign up with their email and password, complete a structured form that automatically captures essential information, and generate a PDF report of their work. The reports will include the company's logo and be sent to the technician's email as well as stored in OneDrive.

## CORE FEATURES
1. **User Authentication**: Technicians can register with their email and password to access the app securely.
2. **Automatic Date Capture**: The app automatically records the current date, eliminating the need for manual entry.
3. **Form Submission**: A comprehensive form captures technician name (from email), site name (30 characters), site code (9-digit numeric), georeferenced photos (up to 99), and observations for each photo.
4. **PDF Generation**: Upon form completion, a PDF file is generated with the naming convention dd_mm_aaaa_codigo.pdf, including the company's logo on each page.
5. **Email Notifications**: The generated PDF is emailed to the technician and a copy is sent to info@tecavan.com.
6. **Cloud Storage**: The PDF is automatically saved in OneDrive within the designated ALARMAS folder for easy access and backup.

## 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 feature a clean, single-column design for forms, easily navigable with ample spacing for readability and interaction.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing form state and user sessions

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Authentication Module**: Implement user registration and login using Firebase Authentication or a similar service.
3. **Develop Form Interface**: Create a user-friendly form capturing all required fields with appropriate validations.
4. **Integrate Geolocation API**: Allow users to attach georeferenced images using device capabilities.
5. **Generate PDF Reports**: Use a library like jsPDF or pdf-lib to create the PDF documents based on form data.
6. **Set Up Email Notifications**: Use a service like SendGrid or Nodemailer to send the generated PDFs to the technician and the info email.
7. **Integrate OneDrive API**: Implement functionality to upload the PDF to the designated OneDrive folder after creation.
8. **Testing and Debugging**: Conduct thorough testing across different devices to ensure functionality and user experience.
9. **Deployment**: Deploy the application on a suitable platform, ensuring it is accessible for both iOS and Android users.

## USER EXPERIENCE
Users will experience a straightforward onboarding process, followed by an intuitive form interface. They will receive instant feedback upon submitting the form, with clear indications of successful PDF generation and email confirmations. The app will be responsive, providing a seamless experience across various devices, ensuring that technicians can register and submit their work effortlessly in the field.