FastTools — Herramientas Online 100% en el Navegador

Herramientas online rápidas, seguras y sin registro. Todo se procesa en tu navegador.

FastTools es una suite de 47 herramientas online que funcionan completamente del lado del cliente, sin necesidad de subir archivos a servidores. Privacidad total, acceso instantáneo y compatible con dispositivos móviles.

✨ Características Principales

🔒 100% Privado: Todos los archivos se procesan localmente en tu navegador
🚀 Acceso Instantáneo: Sin registro, sin esperas, sin configuración
📱 Responsive Design: Funciona perfectamente en móviles y escritorio
🎯 SEO Optimizado: Cada herramienta tiene su propia página optimizada + Schema.org JSON-LD
📂 Categorías por Perfil: Navegación optimizada para desarrolladores, diseñadores, escritores, etc.
💰 Gratis con Publicidad: Modelo sostenible con anuncios no intrusivos
🌐 Offline Ready: PWA con Service Worker v3.0.35
🌍 Bilingüe: Soporte completo EN/ES con i18n
🤖 IA Integrada: 12 herramientas con Google Gemini, Nano Banana y la IA local de Chrome

🛠️ Herramientas Disponibles

🖼️ Imagen (7 herramientas)

Redimensionar imagen - Cambia el tamaño manteniendo proporción
Convertir formato - JPG ↔ PNG ↔ WebP
Comprimir imagen - Reduce el tamaño sin perder calidad visible
Recortar imagen - Recorta áreas específicas
Generador de paleta - Extrae colores dominantes
Visor EXIF - Visualiza y limpia metadatos
Imagen a PDF - Convierte imágenes a PDF

📁 Archivos (4 herramientas)

Extraer texto de PDF - OCR ligero con PDF.js
Unir PDFs - Combina múltiples PDFs
Dividir PDF - Extrae páginas específicas
Comprimir PDF - Reduce tamaño de PDF

🔄 Conversores (2 herramientas)

PDF a Imagen - Convierte páginas a JPG/PNG
Imagen a PDF - Convierte imágenes a PDF

📊 Datos (5 herramientas)

Formatear JSON - Validar, formatear y minificar
CSV ↔ JSON - Conversión bidireccional
YAML ↔ JSON - Conversión bidireccional
XML ↔ JSON - Conversión bidireccional
TOML ↔ JSON - Conversión bidireccional

📝 Texto (6 herramientas)

Limpiar texto - Elimina espacios extra, cuenta palabras
Codificar/Decodificar URL - Encoding/decoding
Codificar/Decodificar Base64 - Encoding/decoding
Codificar/Decodificar HTML - Entidades HTML
Comparar textos - Encuentra diferencias (diff)
Generador Lorem Ipsum - Texto placeholder

🔧 Utilidades (5 herramientas)

Generador QR - Crea códigos QR desde texto/URL
Generador contraseñas - Contraseñas seguras personalizables
Calculadora Hashes - MD5, SHA-1, SHA-256, SHA-512
Selector de color - Conversor HEX ↔ RGB ↔ HSL
Cronómetro/Temporizador - Herramienta de tiempo

🤖 IA (12 herramientas)

💬 AI Chat - Conversa con IA usando Google Gemini
📄 Resumir Texto con IA - Resumir textos largos usando IA
✨ Mejorar Texto con IA - Mejorar la escritura con IA
📚 Chat con PDF - Conversa con documentos PDF usando IA
👁️ Chat de Visión IA - Analiza imágenes con IA y responde preguntas
🌐 Traductor IA - Traduce texto entre idiomas usando IA
🎨 Generador de Imágenes IA - Genera imágenes desde texto (requiere API key)
✏️ Editor de Imágenes IA - Edita imágenes con instrucciones de texto (requiere API key)
🖼️ Generador Alt Text IA - Genera texto alternativo SEO para imágenes
🎤 Transcripción de Audio IA - Transcribe archivos de audio a texto
📝 Imagen a Texto (OCR) - Extrae texto de imágenes con OCR local
🎭 Generador de Memes IA - Crea memes virales automáticamente con IA

🔍 SEO (8 herramientas)

Analizador de Meta Tags - Extrae y valida meta tags
Verificador de Estructura de Encabezados - Valida jerarquía H1-H6
Validador de Robots.txt - Valida archivos robots.txt
Validador de Sitemap - Verifica estructura de sitemap
Detector de Enlaces Rotos - Encuentra enlaces rotos (extensión)
Vista Previa Open Graph - Preview de tarjetas sociales
Validador Schema.org - Verifica datos estructurados
Calculadora de Puntuación SEO - Calcula puntuación SEO de página

📂 Navegación por Categorías

FastTools organiza las herramientas por perfil de usuario:

💻 Desarrolladores (10 herramientas): JSON, CSV, YAML, XML, TOML, Base64, URL encoder, HTML encoder, Hash calculator, Diff
🎨 Diseñadores (8 herramientas): Redimensionar, convertir, recortar, comprimir imágenes, paletas de colores, EXIF, editor IA, generador IA
✍️ Escritores (6 herramientas): Limpiar texto, comparar, Lorem Ipsum, resumir con IA, mejorar con IA, chat IA
📊 Analistas de Datos (6 herramientas): JSON, CSV, YAML, XML, TOML, extraer texto de PDF
📱 Marketers (8 herramientas): QR, herramientas de imagen, paletas, chat IA, herramientas SEO
⚡ Productividad (8 herramientas): Cronómetro, contraseñas, QR, limpiar texto, PDFs (extraer, unir, dividir, comprimir)
🤖 IA (6 herramientas): Chat, resumir, mejorar texto, chat PDF, generador de imágenes, editor de imágenes
🔍 SEO (8 herramientas): Meta tags, encabezados, robots.txt, sitemap, enlaces rotos, Open Graph, Schema.org, puntuación SEO

URLs de categorías:

/developers.html - Herramientas para desarrolladores
/designers.html - Herramientas para diseñadores
/writers.html - Herramientas para escritores
/data-analysts.html - Herramientas para analistas
/marketers.html - Herramientas para marketing
/productivity.html - Herramientas de productividad
/ai.html - Herramientas con IA
/seo.html - Herramientas SEO

🚀 Empezar Localmente

🌐 Acceder a la Web (Para usuarios finales)

# Clona el repositorio
git clone https://github.com/mcarbonell/quicktools.git
cd quicktools

# Abre la web en tu navegador
start web/index.html  # Windows
open web/index.html   # macOS

🖥️ Servidor local (recomendado para desarrollo)

# Con Node.js (en la raíz del proyecto)
npx http-server web -p 8000

# Con Python (desde la carpeta web)
cd web
python -m http.server 8000

Luego visita http://localhost:8000 en tu navegador.

📁 Servidor con estructura completa (recomendado para testing)

# Desde la raíz del proyecto (permite acceso a tests, extensión, etc.)
npx http-server -p 8000

# La web estará en http://localhost:8000/web/
# Los tests en http://localhost:8000/tests/

🏗️ Arquitectura del Proyecto

quicktools/                         # 📁 Raíz del proyecto
├── build/                          # 🏗️ Build configuration (NOT deployed)
│   ├── data/
│   │   └── fasttools-data.json     # Single source of truth
│   ├── templates/                  # HTML templates
│   │   ├── base.html
│   │   ├── category-base.html
│   │   ├── index-base.html
│   │   └── tools-content/          # 115+ tool content files
│   ├── scripts/                    # Build scripts
│   │   ├── generate-site.js
│   │   ├── generate-category-pages.js
│   │   ├── build-extension.js
│   │   ├── bump-version.js
│   │   └── clean-build.js
│   └── shared/                     # Shared JS files
│       ├── gemini-api.js           # Gemini API client
│       ├── chat-ai.js              # Chat functionality
│       ├── image-generator-ai.js   # Image generator
│       └── image-editor-ai.js      # Image editor
├── web/                            # 🌐 Production web app (deployed)
│   ├── index.html                  # Homepage (EN)
│   ├── es/                         # Spanish versions
│   │   ├── index.html
│   │   └── *.html                  # 43 tool pages (ES)
│   ├── *.html                      # 43 tool pages (EN) - root level
│   ├── developers.html             # Category pages (8 total)
│   ├── 404.html                    # Custom 404 page
│   ├── privacy.html                # Privacy policy
│   ├── manifest.json               # PWA manifest
│   ├── sitemap.xml                 # SEO sitemap
│   ├── robots.txt                  # Search engine directives
│   ├── sw.js                       # Service Worker (root)
│   ├── css/
│   │   ├── style-v2.css            # Main styles
│   │   └── *.css
│   ├── js/
│   │   ├── main.js
│   │   ├── service-worker.js
│   │   ├── lib/                    # Shared libraries
│   │   │   └── gemini-api.js       # Synced from build/shared/
│   │   ├── tools/                  # Tool-specific JS
│   │   │   ├── chat-ai.js          # Synced from build/shared/
│   │   │   ├── image-generator-ai.js
│   │   │   └── image-editor-ai.js
│   │   └── vendor/                 # Third-party libraries
│   ├── i18n/                       # Translations (EN/ES)
│   │   ├── en.json
│   │   ├── es.json
│   │   └── tools/                  # Tool-specific translations
│   └── icons/                      # PWA icons
├── extension/                      # 🧩 Browser extension
│   ├── manifest.json               # Extension Manifest V3
│   ├── background/
│   ├── content/
│   ├── popup/
│   ├── options/
│   ├── newtab/
│   ├── shared/                     # Shared code
│   │   └── gemini-api.js           # Synced from build/shared/
│   ├── tools/
│   │   └── ai/                     # AI tools
│   │       ├── chat-ai.js          # Synced from build/shared/
│   │       ├── image-generator-ai.js
│   │       └── image-editor-ai.js
│   ├── data/
│   │   └── fasttools-data.json     # Synced from build/data/
│   └── icons/
├── scripts/                        # 🛠️ Build automation
│   ├── sync-shared-files.js        # Sync build/shared/ to web/ and extension/
│   └── build-extension-tools.js
├── tests/                          # 🧪 Testing suite
│   ├── automated-qa.js             # Main QA suite (99.25% pass rate)
│   └── *.test.js
├── .amazonq/rules/memory-bank/     # 🤖 AI context files
└── package.json                    # npm scripts

📦 Estructura de Despliegue

Para producción: Solo se despliega la carpeta web/ que contiene la aplicación web completa.

Para desarrollo local: Se puede acceder a todo el proyecto desde la raíz, permitiendo testing, desarrollo de la extensión y acceso a documentación.

🏗️ Sistema de Build

FastTools utiliza un sistema de build unificado con código compartido entre web y extensión:

📦 Comandos de Build

# Build completo (web + extensión + sync)
npm run build:local

# Build solo web
npm run build:web

# Build solo extensión
npm run build:extension

# Sincronizar archivos compartidos
npm run sync:shared

# Limpiar archivos generados
npm run clean

🔄 Arquitectura de Código Compartido

Fuente única de verdad: build/shared/ contiene archivos JS compartidos entre web y extensión:

gemini-api.js - Cliente API con detección automática de entorno
chat-ai.js - Funcionalidad de chat
image-generator-ai.js - Generador de imágenes IA
image-editor-ai.js - Editor de imágenes IA

Distribución automática:

build/shared/ → web/js/lib/ + web/js/tools/
build/shared/ → extension/shared/ + extension/tools/ai/

Ventajas:

✅ Sin duplicación de código
✅ Mantenimiento centralizado
✅ Detección automática de entorno (web vs extensión)
✅ CSP compliant (sin JS inline)

🧩 Extensión de Navegador

FastTools incluye una extensión de navegador con funcionalidad completa:

Funcionalidades

Herramientas IA con API key compartida
Herramientas SEO sin limitaciones CORS
Nueva pestaña personalizada
Context Menus para texto seleccionado
Código compartido con versión web

📦 Instalación

# Desarrollo: Carga manual desde carpeta extension/
# Chrome: chrome://extensions/ → Load unpacked
# Firefox: about:debugging → Load Temporary Add-on

🎯 Características Técnicas

Manifest V3 compatible
Código compartido con web (build/shared/)
Sin limitaciones CORS para herramientas SEO
Storage unificado (chrome.storage para extensión, localStorage para web)

🛠️ Tecnologías Utilizadas

Componente	Tecnología	Versión
Frontend	HTML5, CSS3, JavaScript (ES6+)	-
UI Framework	Bootstrap	5.3.2
PDF Processing	PDF.js, pdf-lib	-
Data Formats	js-yaml, fast-xml-parser, @iarna/toml	-
Image Processing	Canvas API	-
Build System	Node.js scripts	-
AI Integration	Google Gemini 2.0 Flash, 2.5 Flash Image	-
Extension	Chrome Extension API	Manifest V3
PWA	Service Workers, Web App Manifest	-

📱 Compatibilidad

✅ Chrome 80+
✅ Firefox 75+
✅ Safari 13+
✅ Edge 80+
✅ Navegadores móviles modernos

🌐 Despliegue

GitHub Pages (recomendado para web/)

# Activa GitHub Pages en la configuración del repositorio
# Source: Deploy from a branch
# Branch: main
# Folder: /web (como root del sitio)

Vercel (actual)

# Conecta tu repositorio
# Build command: null (archivos pre-generados)
# Publish directory: web
# Domain: fasttools.ai

Extensión de Navegador (Chrome/Firefox)

# Despliegue manual desde extension/
# Chrome: Ve a chrome://extensions/ y carga el directorio extension/
# Firefox: Ve a about:debugging y carga el directorio extension/

Despliegue Completo (raíz + web/)

# Para testing completo, despliega toda la estructura
# Publish directory: . (raíz completa)

🧪 Testing

# Desde la raíz del proyecto
cd fasttools
npm test

# O directamente
node tests/run-all-tests.js

📊 Tests Incluidos

✅ Validación de conversiones de formato (CSV, JSON, YAML, XML, TOML)
✅ Edge cases en formateo y parsing
✅ Manejo de archivos corruptos y malformados
✅ Tests PWA (Service Worker, manifest, caching)
✅ Validación de estructura de archivos
✅ Tests de la extensión de navegador
✅ Tests interactivos en navegador

🌐 Tests en Navegador

# Abre la interfaz de tests
start tests/web-tests.html    # Windows
open tests/web-tests.html     # macOS

📈 Roadmap

Completado ✅

v1.0 - 47 herramientas online
v2.0 - Progressive Web App (PWA)
v2.1 - Internacionalización (EN/ES)
v2.2 - Sistema de categorías por perfil
v2.3 - Herramientas IA con Gemini
v2.4 - Herramientas SEO
v3.0 - Build system unificado

Próximos pasos 🚀

v3.1 - Publicar extensión en Chrome Web Store
v3.2 - Dark mode toggle
v3.3 - Blog para SEO
v3.4 - Más idiomas (PT, FR, DE, IT, RU, JA)

🤝 Contribuir

Las contribuciones son bienvenidas. Por favor:

Abre un issue para discutir nuevas herramientas
Haz fork del proyecto
Crea una rama para tu feature (git checkout -b feature/nueva-herramienta)
Commit tus cambios (git commit -am 'Añadir nueva herramienta')
Push a la rama (git push origin feature/nueva-herramienta)
Abre un Pull Request

📄 Licencia

🧪 Testing y Validación

FastTools incluye una suite completa de testing y validación PWA para garantizar la calidad y funcionalidad:

📊 Estado de Testing

✅ 99.25% tests pasando (134 tests)
✅ Validación PWA completa
✅ Tests Node.js y navegador
✅ Documentación automática

🧪 Herramientas de Testing Disponibles

Tests Node.js:

# Suite completa de tests
node tests/run-all-tests.js

# Tests individuales
node tests/csv-parser.test.js
node tests/debug-yaml.js

Tests Navegador:

Interfaz Web: /tests/web-tests.html
Validación PWA: /tests/pwa-validation.js (ejecutar en consola)
Tests interactivos con métricas en tiempo real

📈 Cobertura de Tests

🔧 Estructura de archivos (100%)
📝 Sintaxis JavaScript (100%)
📄 Archivos JSON válidos (100%)
📊 Parsers (CSV/YAML) (100%)
🌐 Herramientas web (100%)
📱 Validación PWA (completa)

🚀 Funcionalidades de Testing

Validación Service Worker y PWA
Tests de parsers CSV/YAML
Validación de conversiones
Tests interactivos web
Reportes automáticos JSON
Documentación CI/CD

Documentación completa: tests/README.md

Este proyecto está bajo la licencia ISC - ver el archivo LICENSE para detalles.

🔗 Enlaces

Web: https://fasttools.ai
Issues: https://github.com/mcarbonell/quicktools/issues
Discussions: https://github.com/mcarbonell/quicktools/discussions

⭐ Si este proyecto te ayuda, considera darle una estrella en GitHub!

Name		Name	Last commit message	Last commit date
Latest commit History 231 Commits
.amazonq/rules/memory-bank		.amazonq/rules/memory-bank
.github/workflows		.github/workflows
build		build
extension		extension
node_modules		node_modules
scripts		scripts
tests		tests
web		web
web_design		web_design
.gitignore		.gitignore
.vercelignore		.vercelignore
CHROME_AI_APIS_REFERENCE.md		CHROME_AI_APIS_REFERENCE.md
CHROME_AI_APIS_SUMMARY.md		CHROME_AI_APIS_SUMMARY.md
DOMAIN_UPDATE.md		DOMAIN_UPDATE.md
HYBRID_AI_STRATEGY.md		HYBRID_AI_STRATEGY.md
LAUNCH_ROADMAP.md		LAUNCH_ROADMAP.md
PROMPT_API_INTEGRATION.md		PROMPT_API_INTEGRATION.md
README.md		README.md
SESSION_SUMMARY_CHROME_AI.md		SESSION_SUMMARY_CHROME_AI.md
package-lock.json		package-lock.json
package.json		package.json
vercel.json		vercel.json

mcarbonell/quicktools

Folders and files

Latest commit

History

Repository files navigation