ScanFake App PDF Filler/Signer 🖊️📄

ScanFake App PDF Filler/Signer es una aplicación web avanzada de grado profesional diseñada para la edición, firma y post-procesado de documentos PDF. Su característica distintiva es la capacidad de aplicar un efecto de "escaneado" hiperrealista, ideal para procesos que requieren la apariencia de un documento físico procesado.

🇪🇸 Español

📖 Descripción

Esta herramienta soluciona la necesidad de digitalizar firmas manteniendo una estética analógica. Permite cargar archivos PDF, insertar firmas personalizadas y texto, y exportar el resultado con filtros ajustables que simulan el ruido de sensor, el contraste de impresión y las imperfecciones de un escáner físico.

🚀 Características Principales

[x] Edición de PDF: Visualización fluida mediante pdf.js.

[x] Firmas Dinámicas: Dibujo con suavizado de curvas o carga de imágenes externas.

[x] Texto Humano: Función exclusiva para aplicar variaciones de rotación y fuentes manuscritas.

[x] Interfaz Minimalista: Controles contextuales que aparecen solo mediante hover.

[x] Motor de Escaneado: Algoritmos de post-procesado para ruido, escala de grises y distorsión de página.

🛠️ Tecnologías Utilizadas

Tecnología

Propósito

React

Arquitectura de componentes y estado.

Tailwind CSS

Diseño responsivo y modo oscuro.

jsPDF

Generación de documentos finales.

pdf.js

Renderizado de documentos base.

Lucide Icons

Sistema de iconografía clara.

📂 Estructura del Proyecto

src/ ├── components/ # Componentes de la UI y el Canvas ├── hooks/ # Lógica de interacción y PDF ├── translations/ # Diccionarios ES/EN ├── assets/ # Tipografías y estilos globales └── App.jsx # Punto de entrada principal

💡 Instrucciones de Uso

Carga: Arrastre su PDF al área de trabajo o use el botón de "Subir PDF".

Edición: - Pulse "Nueva Firma" para dibujar o cargar su rúbrica.

Use "Agregar Texto" para insertar nombres o fechas.

Pase el cursor sobre los elementos para ver los controles de rotación vertical y tamaño.

Personalización: Active el panel de "Efecto Escáner" para ajustar el realismo.

Exportación: Haga clic en "Descargar PDF" para obtener su documento procesado.

🇺🇸 English

📖 Description

This tool addresses the need for digitizing signatures while maintaining an analog aesthetic. It allows users to upload PDF files, insert custom signatures and text, and export the result with adjustable filters that simulate sensor noise, printing contrast, and the physical imperfections of a scanner.

🚀 Key Features

[x] PDF Editing: Smooth viewing powered by pdf.js.

[x] Dynamic Signatures: Hand-draw with curve smoothing or upload external images.

[x] Humanize Text: Exclusive function to apply rotation variations and handwriting fonts.

[x] Smart Interface: Contextual controls that appear only on hover.

[x] Scanner Engine: Post-processing algorithms for noise, grayscale, and page distortion.

🛠️ Technologies Used

Technology

Purpose

React

Component architecture and state management.

Tailwind CSS

Responsive design and dark mode styling.

jsPDF

Final document generation.

pdf.js

Base document rendering.

Lucide Icons

Clean iconography system.

📂 Project Structure

src/ ├── components/ # UI and Canvas components ├── hooks/ # Interaction and PDF logic ├── translations/ # ES/EN Dictionaries ├── assets/ # Fonts and global styles └── App.jsx # Main entry point

💡 Usage Instructions

Upload: Drag your PDF to the workspace or use the "Upload PDF" button.

Editing: - Click "New Signature" to draw or upload your rubric.

Use "Add Text" to insert names or dates.

Hover over elements to access vertical rotation and resizing controls.

Customization: Enable the "Scanner Effect" panel to adjust realism.

Export: Click "Download PDF" to get your processed document.

✒️ Autor / Author

Jaime A. Martínez Desarrollador enfocado en soluciones digitales con alma analógica.