Quasar Estimate Form Application with EmailJS Integration, IndexedDB Storage, and Image Attachment (Local)
$250-750 USD
Paid on delivery
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.js 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.js 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
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.g., email address).
Sanitize user input to prevent potential injection attacks.
Project ID: #38088768
About the project
Awarded to:
❤️Hi Walter T.❤️ At first, please check my recent work: [login to view URL]%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%A1%E3%83%87%E3%82%A3%E3%82%AB%E3%83%AB%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3% More
100 freelancers are bidding on average $582 for this job
★★★★★ Quasar Estimate Form Development ★★★★★ I've gone through your JD and am perfect for the development of the **** Estimate Form page *** for your gardening service application, focusing on enabling users to crea More
Hello Good morning , I just finished reading the job description . I see you are looking for someone experienced in developing products using JavaScript, Vue.js and HTML5. This is something I can do, Please review my p More
Hi there! Did go through your job description and glad to share that I have experience in working with Vue3 development platform. I have more than ten years of industry experience and have been the part of diverse in More
Dear Client, Thank you for reaching out and extending the opportunity to collaborate on your project. I'm excited to learn more about the project and explore how I can contribute my expertise. Could you please provid More
Hello, I just finished reading the brief details of your job and I am confident that I can deliver the results you need for your project with the same level of professionalism and expertise. I am an expert developer More
Hi there, I am very much interested in your project. I've already done this kind of project before. I believe that my 7+ years of successful experience makes me highly qualified for this project. I'm sure that I would More
Hi Walter T., I am Umer Hayat, a full-stack PHP Developer with almost 8+ years of experience in developing, customizing, and maintaining PHP-based websites for many clients. I have a good understanding of your proje More
Hello there, I'm an expert web developer with extensive experience in E-commerce website development, especially with Elementor and WordPress. I have a strong track record of integrating multiple payment methods includ More
Hi, Walter T. Please check my profile and you can see that I have rich knowledge and experience in Vue and Quasar. https://www.freelancer.com/u/elishadiah326 As an experienced developer, I have a strong proficiency i More
Hi there, I have came across ur project i can help u with it as i have great working experience in Vue.js, JavaScript and HTML5. Please have a look at my portfolio: https://www.freelancer.com/u/ayesha0124 Regards,
Hi Walter T., this is Umair. I have good experience with Vue.js, HTML5 and JavaScript. I am a practicing Developer/Designer Since 2015. I can perfectly work on this project regarding Quasar Estimate Form Application w More
Dear Walter T.! I have extensive experience in Vue.js, HTML5, and JavaScript. My portfolio and client reviews attest to the quality of my work. I am confident in my ability to deliver high-quality results for your Qua More
Hello there, I'm Alexander, a seasoned full-stack developer with the professional years of experience. I can do your job completely. Thanks for posting your job. Alexander
Hello, I have thoroughly reviewed the provided documentation and repository for your garden estimate form page project. I am confident in my ability to complete this project efficiently and effectively. I am excited More
Hi With over 12 years of full-stack web and mobile app development under my belt, including experience in AngularJS, ReactJS, and MEAN/MEARN Stack, I'm confident that I possess the necessary skill set to take on your p More
I can do this, I have reviewed your project clearly and I am confident that I can complete it as soon as possible to satisfy your expectation.
Hi, I am attracted to your Quasar, Vue.js project. Being exceptionally skilled in HTML5, JavaScript, and Vue.js, with a deep specialization on front-end and state management solutions like Pinia, I'm confident my techn More