Frontend Image Processing for Report Template in Django Project
Budget: ₹1,500 – ₹12,500 INR
I am developing a Django-based web application that primarily focuses on report generation from a database.
I am looking for a skilled frontend developer with experience in image processing and drag-and-drop functionality. The project involves integrating an image upload feature into a Django-based web application, where users can:
- Drag and drop images into a designated area.
- Resize and reposition images dynamically.
- Ensure images are placed inside a table. The table cells are dynamic based on the number of images uploaded by the user
- The table width should be derived from the report template size. By default, the report template size is A4.
- Maintain the table dimensions as per the template, ensuring images fit properly without distortion.
- Support various image formats and optimize for web use.
- The uploaded images are actually placed in the PDF report. So, before generate the report, the user needs to resize and arrange the position perfectly similar to the actual PDF report
- Once image processing done, along with the image sizes, image positions are also to be saved in the database in order to use when generate the report.
**Technical Requirements:**
- Experience with JavaScript (jQuery framework) for interactive frontend development.
- Proficiency in HTML5, CSS3, and Bootstrap 5.
- Knowledge of frontend image processing libraries (e.g., DropZone.js, Fabric.js, Cropper.js, Konva.js, or similar).
- Familiarity with Django templates and integration of frontend functionalities with Django backend.
- Experience handling file uploads and previews before submission.
**Additional Details:**
- The project is part of a Django-based application for generating reports.
- The uploaded images should be adjustable to fit within predefined table cells in the report template.
- Users should be able to reposition and resize images within the table.
- The final report should maintain the integrity of the layout when exported as a PDF or Word document.
**Deliverables:**
- Fully functional drag-and-drop image upload interface.
- Ability to resize, reposition, and fit images within the report’s table structure.
- Integration with Django backend to store and retrieve image data.
- Clear documentation for maintenance and future updates.
**Preferred Experience:**
- Prior experience working with Django projects.
- Portfolio showcasing similar frontend image processing work.
- Understanding of responsive design principles.
Please submit your proposal with relevant experience, estimated timeline, and cost.
I am looking for a skilled frontend developer with experience in image processing and drag-and-drop functionality. The project involves integrating an image upload feature into a Django-based web application, where users can:
- Drag and drop images into a designated area.
- Resize and reposition images dynamically.
- Ensure images are placed inside a table. The table cells are dynamic based on the number of images uploaded by the user
- The table width should be derived from the report template size. By default, the report template size is A4.
- Maintain the table dimensions as per the template, ensuring images fit properly without distortion.
- Support various image formats and optimize for web use.
- The uploaded images are actually placed in the PDF report. So, before generate the report, the user needs to resize and arrange the position perfectly similar to the actual PDF report
- Once image processing done, along with the image sizes, image positions are also to be saved in the database in order to use when generate the report.
**Technical Requirements:**
- Experience with JavaScript (jQuery framework) for interactive frontend development.
- Proficiency in HTML5, CSS3, and Bootstrap 5.
- Knowledge of frontend image processing libraries (e.g., DropZone.js, Fabric.js, Cropper.js, Konva.js, or similar).
- Familiarity with Django templates and integration of frontend functionalities with Django backend.
- Experience handling file uploads and previews before submission.
**Additional Details:**
- The project is part of a Django-based application for generating reports.
- The uploaded images should be adjustable to fit within predefined table cells in the report template.
- Users should be able to reposition and resize images within the table.
- The final report should maintain the integrity of the layout when exported as a PDF or Word document.
**Deliverables:**
- Fully functional drag-and-drop image upload interface.
- Ability to resize, reposition, and fit images within the report’s table structure.
- Integration with Django backend to store and retrieve image data.
- Clear documentation for maintenance and future updates.
**Preferred Experience:**
- Prior experience working with Django projects.
- Portfolio showcasing similar frontend image processing work.
- Understanding of responsive design principles.
Please submit your proposal with relevant experience, estimated timeline, and cost.