Vue 3 / Firebase image cropper
Budget: $250 – $750 USD
SCOPE:
I have a blank Vue 3 project and want to convert the 'about' page to include an image crop/scale then upload component. Must allow client side scale/crop prior to upload using “vue-advanced-cropper”. The resulting uploaded image size must be exactly 340px wide by 400px high so the user will need to be able to crop/zoom their selected file to that size BEFORE uploading.
I need the project modified and the following functionality added:
1. User selects local image file, then,
2. user can scale (zoom) and/or crop to 340x400, then,
3. user can upload to Firestore storage.
4. This library: https://www.npmjs.com/package/vue-advanced-cropper
5. Must be mobile compatible (iPhone, Samsung, etc).
6. Must be Vue 3 compatible
CONDITIONS:
If accepted, your code will be integrated into a larger project. For this reason here are some important conditions that will be required before acceptance:
NO ENVIRONMENT CHANGE: Solution must work in my current environment unless agreed to in advance. Any solution that requires a change to the environment will be rejected so please be sure your environment matches mine before you start.
MINIMUM NEW DEPENDANCIES:Any new dependencies not specified will be subject to scrutiny so please use only if absolutely needed and be prepared to justify the need.
MINIMUM CODE: Solution should have the absolute minimum changes to the original project required to provide the desired outcome or functionality. No non-essential add-on's, styling or features not requested.
NO DATABASE MODIFICATIONS: No changes to content or structure or structure of database or storage will be allowed unless agreed to in advance.
NEW GIT BRANCH: Project source coded loaded to a new branch on the git repo provided
PAYMENT TERMS:
Milestone payments will be as follows:
10% released on project acceptance
20% released on visual confirmation of functionality (via loom, hosted web, etc)
30% payment released on code submission to new branch on github repo provided
40% payment released on final review, testing and acceptance
I have a blank Vue 3 project and want to convert the 'about' page to include an image crop/scale then upload component. Must allow client side scale/crop prior to upload using “vue-advanced-cropper”. The resulting uploaded image size must be exactly 340px wide by 400px high so the user will need to be able to crop/zoom their selected file to that size BEFORE uploading.
I need the project modified and the following functionality added:
1. User selects local image file, then,
2. user can scale (zoom) and/or crop to 340x400, then,
3. user can upload to Firestore storage.
4. This library: https://www.npmjs.com/package/vue-advanced-cropper
5. Must be mobile compatible (iPhone, Samsung, etc).
6. Must be Vue 3 compatible
CONDITIONS:
If accepted, your code will be integrated into a larger project. For this reason here are some important conditions that will be required before acceptance:
NO ENVIRONMENT CHANGE: Solution must work in my current environment unless agreed to in advance. Any solution that requires a change to the environment will be rejected so please be sure your environment matches mine before you start.
MINIMUM NEW DEPENDANCIES:Any new dependencies not specified will be subject to scrutiny so please use only if absolutely needed and be prepared to justify the need.
MINIMUM CODE: Solution should have the absolute minimum changes to the original project required to provide the desired outcome or functionality. No non-essential add-on's, styling or features not requested.
NO DATABASE MODIFICATIONS: No changes to content or structure or structure of database or storage will be allowed unless agreed to in advance.
NEW GIT BRANCH: Project source coded loaded to a new branch on the git repo provided
PAYMENT TERMS:
Milestone payments will be as follows:
10% released on project acceptance
20% released on visual confirmation of functionality (via loom, hosted web, etc)
30% payment released on code submission to new branch on github repo provided
40% payment released on final review, testing and acceptance