QUASAR ESTIMATE FORM APPLICATION WITH EMAILJS INTEGRATION, INDEXEDDB STORAGE, AND IMAGE ATTACHMENT (LOCAL)

First, please note that I don't do business with low-ballers.
This document contains all of the details of the project.
I went over it extensively with the assistance of Gemini AI to make sure it was complete and thorough.
So if you plan to place a low-ball price in order to get me to talk with you so you can give me your real, higher price later, don't waste your time bidding at all because your bid will be rejected.
The basic form has already been developed in Quasar.
You can view it here.
[login to view URL] It has not yet been connected to any kind of storage.
This document outlines the functionalities and technical considerations for completing development of the estimate form page.
It currently consists of four components.
[login to view URL] (parent) [login to view URL] [login to view URL] [login to view URL] You can view and download the full repository here.
[login to view URL] The application will utilize Quasar/Vue.
s with Pinia for state management, EmailJS for email sending, IndexedDB for local data persistence, and the [login to view URL] API for capturing images on iPhones (local storage).
The application will be used exclusively by employees of my gardening service company.
It's not intended for use by the general public.
1.
Project Overview.
This application allows users to create estimates for garden spaces.
Users can enter customer information, define garden space details (including capturing an image), and generate an estimate.
The estimate can then be sent via email to the customer for their approval.
2.
Technologies.
Frontend.
Vue.
s 3 State Management.
Pinia Email Sending.
EmailJS (with SMTP server integration) Local Storage.
IndexedDB Image Capture (iPhone).
[login to view URL] API 3.
Pinia Store ([login to view URL]) The Pinia store will manage the application state, including.
Customer Information.
Customer Name Address City State Zip Phone Email Default Labor Price ($) Mulch Drop Location Debris Drop Location Each garden space will be an object with the following properties.
Garden Space Name Item groups (array of objects).
Each item group will have these properties.
Type (labor or material) Item Name Description Quantity (hours or units) Unit Price (defaulting to default labor price set above) Additionally, a property can be added to each garden space object to store the captured image data (base64 encoded string).
4.
Email Sending with EmailJS.
The developer will integrate EmailJS functionality to send estimate details to the customer upon the user's request.
A bundled configuration will be used to store SMTP server credentials securely (host, port, username, password).
The developer will implement logic to format the estimate data using an EmailJS template and send it using the EmailJS API.
5.
Local Data Storage with IndexedDB.
The application will utilize IndexedDB for persistent storage of estimate data.
The developer will implement functions to.
Open or create the IndexedDB database.
Add, update, and delete estimate data within the database.
Retrieve estimate data from the database when the application loads or when needed.
6.
Image Capture using MediaDevices API (iPhone).
The developer will leverage the [login to view URL] API to capture images from the device camera (focusing on iPhone users for this initial phase).
Upon user interaction, the API will be used to request camera permission and capture an image.
The captured image data (base64 encoded string) will be linked to the corresponding garden space object in the Pinia store.
The image data will be stored locally within IndexedDB alongside the garden space information.
Images should NOT be stored in the user's Photos app on their phone.
7.
User Interface Considerations.
The developer will utilize the already-designed and developed user-friendly interface for.
Entering customer information Adding and managing garden spaces Viewing and editing estimate details The developer will add functionality for.
Capturing an image for each garden space Triggering email sending functionality 8.
Security Considerations.
The developer should implement security measures throughout the application.
Secure storage of SMTP server credentials within a bundled configuration.
Input validation for user-entered data (e.
., email address).
Sanitize user input to prevent potential injection attacks.
JavaScript HTML5 Vue.
s ID do Projeto.
# Sobre o projeto 78 propostas Aberto para ofertas Projeto remoto Ativo em 18 minutos atrás