Google Gemini se banaye apni Khud ki App || Google Gemini Canvas Feature 🚀🚀
PROMT FOR PDF RESIZER (JUST COPY AND PASTE)
Create a modern, professional and fully functional web application called "PDF Resizer".
Purpose:
The webpage should allow users to upload a PDF document and resize every page to a selected paper size or custom dimensions, then download the resized PDF.
Target users:
Indian office users, CSC/VLE operators, students and general users who frequently need to prepare PDFs for printing and document submission.
Design:
- Clean, modern and professional interface
- Simple enough for non-technical users
- Responsive design for desktop and mobile
- Use a light background with attractive but minimal colors
- Large drag-and-drop PDF upload area
- Clearly visible buttons and instructions
- Show the application name at the top: "PDF Resizer"
- Add subtitle: "Resize your PDF pages in seconds"
- Use icons where appropriate
- Do not make the interface cluttered
Main functionality:
1. PDF Upload
- Allow users to upload PDF files using:
a) Drag and drop
b) Browse/Choose File button
- Accept only PDF files
- Display the uploaded filename and file size
- Show the number of pages after the PDF is loaded
2. Page Size Options
Provide these preset sizes:
- A4
- A3
- A5
- Letter
- Legal
- Executive
Also provide:
- Custom Width
- Custom Height
- Unit selection: mm, cm, inch, px
3. Orientation
Allow:
- Portrait
- Landscape
- Auto
4. Resize Options
Provide two modes:
Mode 1: "Fit Content"
- Resize the page while preserving the original content proportionally
- Center the content on the new page
- Never stretch or distort the original content
Mode 2: "Fill Page"
- Scale the content to use as much of the selected page as possible
- Preserve the original aspect ratio
- Allow cropping only when necessary
5. Margins
Allow users to set:
- Top
- Bottom
- Left
- Right
Provide a simple margin input in mm.
6. Preview
After selecting the page size, show a preview of the resized page.
Display:
- Original page dimensions
- New page dimensions
- Selected paper size
- Orientation
- Estimated number of pages
7. Apply to PDF
Add a prominent button:
"Resize PDF"
After processing:
- Show a success message
- Show the output filename
- Provide a "Download Resized PDF" button
8. File handling
- Process files locally in the browser whenever possible
- Do not upload the user's PDF to a server
- Clearly display: "Your PDF is processed locally in your browser."
- Do not store user files
9. Error handling
Handle:
- Invalid file type
- Corrupted PDF
- Password-protected PDF
- Very large PDF
- Unsupported dimensions
- Processing errors
Display simple, user-friendly error messages.
10. Additional useful features
Add:
- "Reset" button
- "Remove PDF" button
- Progress indicator while processing
- File size display
- Page count display
- Before/after page dimensions
Technical requirements:
- Build the complete working webpage, not just a visual mockup.
- Use HTML, CSS and JavaScript.
- Use reliable client-side PDF libraries such as pdf-lib or PDF.js where appropriate.
- The application should work without a backend if technically possible.
- Keep the code organized and easy to understand.
- Make sure the downloaded PDF is actually resized and not just renamed.
- Preserve the original PDF content and quality as much as possible.
- Preserve page order.
- Preserve text and images whenever possible.
- Do not distort the original content.
- Make the application usable without requiring users to understand technical settings.
SEO/content:
Add a small section below the tool:
"How to Resize a PDF"
1. Upload your PDF.
2. Select the required paper size.
3. Choose portrait or landscape.
4. Select Fit Content or Fill Page.
5. Click Resize PDF.
6. Download your resized PDF.
Add a short FAQ section:
- Can I resize a PDF to A4?
- Can I resize multiple PDF pages?
- Is my PDF uploaded to a server?
- Can I use custom page dimensions?
- Can I resize a PDF for printing?
Important:
Before finishing, test the complete workflow:
Upload PDF → select A4 → choose orientation → resize → generate PDF → download PDF.
If any part does not actually work, fix the code before presenting the final version.
0 Comments