No description
- JavaScript 62.7%
- HTML 34.1%
- CSS 3.2%
68b22e91bb
- Nuevo theme-creator/assets/ con la marca del editor: favicon.ico (copiado de la raiz, 15 KB), icon.png (simbolo de la cabecera, 172x108 px) y logo.png (rotulo "KwikOrder", 518x66 px). Las dos imagenes se generaron a 3x el tamano al que se muestran, a partir de los originales de source/images/Logos_and_icons/: pasan de 757 KB a 81 KB en total. - theme-creator/index.html: la cabecera usa assets/icon.png y assets/logo.png, y el favicon se resuelve con una sola linea (assets/favicon.ico) en vez de depender de los favicons de la raiz. El editor ya no necesita nada de source/. - optimized/theme-creator/: sincronizado con la raiz (antes apuntaba a ../../source/images/..., que se rompia al publicar optimized/ como raiz). - SUBIR_AL_HOSTING.txt: el editor queda documentado como autocontenido, source/ deja de ser necesario para publicar y se reflejan las bajas de analysis_results.md y optimized/config.js.old. - Se registra la eliminacion de optimized/config.js.old. |
||
|---|---|---|
| optimized | ||
| source | ||
| theme-creator | ||
| .gitignore | ||
| android-chrome-192x192.png | ||
| android-chrome-512x512.png | ||
| app.js | ||
| apple-touch-icon.png | ||
| config.js | ||
| favicon-16x16.png | ||
| favicon-32x32.png | ||
| favicon.ico | ||
| fontawesome.js | ||
| index.html | ||
| manifest.json | ||
| README.md | ||
| site.webmanifest | ||
| styles.css | ||
| SUBIR_AL_HOSTING.txt | ||
| sw.js | ||
KwikOrder
Micro-Catálogo Autogestionable para Pedidos por WhatsApp y Telegram
Crea una carta digital o tienda rápida para tu negocio en minutos. Sin bases de datos, sin costes mensuales, con control total en WhatsApp o Telegram.
¿Qué es KwikOrder?
KwikOrder es una solución web ligera, ultrarrápida y autogestionable diseñada para restaurantes, pizzerías, cafeterías, fruterías y cualquier comercio de cercanía. Permite crear un micro-catálogo interactivo donde los clientes añaden artículos al carrito, configuran opciones (extras, tamaños) y envían el pedido ya redactado y sumado directamente al WhatsApp o Telegram del comercio.
Sin comisiones de plataformas. Sin costes de servidor. 100% tuyo.
Características Principales
🛠️ Creador Visual (Theme Creator)
Configura y personaliza todo tu catálogo desde una interfaz web integrada y amigable:
- Información del local (nombre, dirección, logo, banner).
- Ajustes de envío (reparto a domicilio, recogida en local, comer en mesa).
- Precios mínimos de envío y costes de reparto personalizados.
- Métodos de pago aceptados (Bizum, Efectivo, Tarjeta).
🎨 7 Temas Preset Adaptados
Temas optimizados visualmente con esquemas de color específicos para distintos negocios gastronómicos y de retail:
- Kebab (Rojo vibrante, especial locales de comida rápida).
- Pizza (Naranja cálido, estética italiana clásica).
- Burger (Amarillo y marrón oscuro, estilo hamburguesería craft).
- Panadería (Tono trigo y marrón suave, panaderías y reposterías).
- Frutería (Verde vivo, tiendas de verdura y productos frescos).
- Sushi (Negro profundo y rojo neón, estética asiática/gourmet).
- Cafetería (Marrón café y piedra, locales acogedores de café y té).
📱 PWA Instalable y Funcionamiento Offline
Tu catálogo se instala en el móvil del cliente como si fuera una aplicación nativa. Gracias a su Service Worker optimizado:
- La aplicación carga instantáneamente.
- Si el cliente pierde la conexión o no tiene cobertura, la app inicia mostrando una Pantalla de Desconexión Personalizada que le avisa y le ofrece un botón directo para llamar al establecimiento por teléfono.
🍱 Gestión de Combos y Extras
Sistema completo para configurar opciones en el menú:
- Variantes de tamaño (ej. Mediana, Familiar).
- Extras con recargo (ej. Mozzarella extra, doble carne).
- Combos/Menús compuestos (ej. Plato principal + bebida + patatas) con selección obligatoria en ventana modal.
💬 Checkout Integrado a WhatsApp / Telegram
Evita pasarelas de pago costosas y complejas. Al confirmar el pedido, KwikOrder compila un mensaje formateado y con emojis (resumiendo los artículos, dirección, método de pago e importe total) y redirige automáticamente al cliente para que lo envíe con un solo clic.
¿Para quién es KwikOrder?
- Pizzerías y Hamburgueserías: Menús combinados, selección de ingredientes extra y control del reparto.
- Kebab y Locales de Comida Rápida: Gestión ágil de comandas a través de WhatsApp.
- Cafeterías y Pastelerías: Pedidos de desayuno y merienda para recogida rápida en el local.
- Fruterías y Supermercados de Barrio: Compra semanal a domicilio para clientes habituales.
- Servicio en Mesa (Eat-in): Menú interactivo en local que permite al comensal indicar su número de mesa y enviar la comanda.
Cómo Funciona
[ Abre el Theme Creator ] ➔ [ Diseña tu Catálogo ] ➔ [ Descarga config.js ] ➔ [ Sube a tu Servidor ]
- Abre el Editor: Accede a
theme-creator/index.htmlen tu navegador. - Personaliza: Introduce el nombre de tu local, métodos de entrega y pago, y sube tus productos con sus respectivas fotos y precios.
- Exporta: Haz clic en Exportar config.js para descargar el archivo de configuración.
- Sube a Internet: Copia ese archivo en la carpeta raíz de KwikOrder y sube todos los archivos a cualquier hosting estático gratuito.
Ventajas Competitivas
vs Plataformas de Delivery (JustEat, UberEats, Glovo)
| Característica | KwikOrder | Plataformas Delivery |
|---|---|---|
| Comisión por pedido | 0% | Entre 15% y 35% |
| Cuota de alta | 0€ | Variable (hasta 150€) |
| Control del Cliente | Total (trato directo en WhatsApp) | Ninguno (intermediarios) |
| Configuración | Inmediata en el navegador | 1-2 semanas de aprobación |
vs Tiendas Online Completas (Shopify, WooCommerce)
| Característica | KwikOrder | Shopify / WooCommerce |
|---|---|---|
| Coste Mensual | 0€ | Desde 36€/mes + comisiones |
| Servidor / Base de Datos | No requiere (100% estático) | Servidor dedicado, MySQL, plugins |
| Mantenimiento Técnico | Ninguno (sin actualizaciones) | Continuo (vulnerabilidades, PHP) |
| Velocidad de carga | Ultra rápida (Vanilla JS) | Variable (pesada por frameworks) |
| Checkout | WhatsApp / Telegram directo | Pasarelas complejas (Stripe, Paypal) |
Tecnologías Utilizadas
- HTML5: Estructura semántica accesible.
- CSS3 (Tailwind CSS v3): Interfaz responsiva y adaptada a móviles.
- Vanilla JavaScript: Cero frameworks, carga instantánea y máxima compatibilidad.
- Service Workers: Caché Network-First para permitir el control de desconexión con pantalla de aviso offline y actualizaciones en caliente.
- PWA Manifest: Configuración para instalación en la pantalla de inicio de iOS y Android.
- Font Awesome 7: Iconografía moderna y limpia, con detección automática de la familia del icono (marcas, sólidos, regulares…) en
fontawesome.js.
Licencia
Este proyecto está bajo la licencia MIT. Puedes usar, modificar y distribuir KwikOrder para uso personal o comercial de forma totalmente gratuita.
KwikOrder — Tu menú digital en el bolsillo del cliente, directo a tu WhatsApp.