One Click Ti — PWA
Catálogo de servicios con precios y leads capturados, administrados desde una app instalable
Métricas clave
Métricas de rendimiento y topología del sistema Métricas y topología del sistema
- módulos CRUD completos: servicios, categorías, FAQs, contactos y usuarios
- 0módulos CRUD completos: servicios, categorías, FAQs, contactos y usuarios
- de soporte al cliente en producción (sep – dic 2024)
- 0 mesesde soporte al cliente en producción (sep – dic 2024)
- iconos y splash screens que cubren los tamaños que exigen iOS y Android
- 0iconos y splash screens que cubren los tamaños que exigen iOS y Android
- plataformas instalables desde el navegador: Android, iOS y escritorio, sin pasar por una app store
- 0plataformas instalables desde el navegador: Android, iOS y escritorio, sin pasar por una app store
One Click Ti — PWA
PWA full-stack por contrato: catálogo público, captación de leads y panel de gestión en una sola aplicación instalable.
Landing pública
Catálogo de servicios por categoría, preguntas frecuentes y formulario de contacto.
Panel de gestión interna
5 módulos CRUD: servicios, categorías, FAQs, contactos (leads) y usuarios.
Permisos por tipo de usuario
Los administradores editan; el resto del equipo solo consulta.
Auditoría de cambios
created_by y updated_by con clave foránea a la tabla de usuarios.
App instalable (PWA)
Se instala desde el navegador en móvil y escritorio, con icono y pantalla de inicio propios, sin pasar por una app store.
Arquitectura unificada
Laravel (backend) + Vue 3 e Inertia.js (frontend) en un solo proyecto.
Resumen
PWA full-stack desarrollada por contrato para One Click Ti (Querétaro, sep – dic 2024) y con 4 meses de soporte en producción. Integra una landing pública con un panel de gestión interno donde el equipo publica servicios con precio y categoría, y donde los contactos que deja el formulario público llegan directo a la tabla de leads. El panel separa permisos: solo los administradores editan, el resto del equipo consulta.
Problema
La empresa necesitaba dos cosas en una: una presencia pública profesional con su catálogo de servicios y una herramienta interna para administrarlo, sin mantener sistemas separados ni depender de un desarrollador para cambiar precios o actualizar el contenido. Los contactos que llegaban por el formulario público quedaban sueltos, sin consolidarse en un solo lugar. Y al ser una web, obligaba al cliente a entrar por un navegador cada vez.
Mi rol
- Desarrollé la PWA full-stack completa con Laravel 11, Vue 3, Inertia.js y MySQL.
- Construí el catálogo de servicios con precio y categoría, y el panel que lo administra con 5 módulos CRUD.
- Conecté el formulario público de contacto con la tabla de leads, para que cada contacto quede registrado sin intervención manual.
- Implementé la separación de permisos: solo los administradores editan; el resto del equipo consulta.
- Configuré la instalación como PWA: manifest con icono propio y pantalla de inicio propia, y service worker con precache de las secciones públicas.
Solución
- Catálogo de servicios: cada servicio se publica con nombre, descripción, precio, imagen y categoría, sin tocar código.
- Captación de leads: el formulario público de contacto escribe directo en la tabla de contactos, que el mismo panel administra.
- Panel de gestión: 5 módulos CRUD completos —servicios, categorías, FAQs, contactos y usuarios— con filtros y paginación.
- Permisos por tipo de usuario: solo los administradores editan; el resto del equipo consulta sin poder modificar datos.
- Auditoría de cambios: cada registro guarda quién lo creó y quién lo actualizó, con claves foráneas a la tabla de usuarios.
- App instalable, no una web más: se instala desde el navegador como aplicación nativa en móvil y escritorio, con icono propio y pantalla de inicio propia, sin pasar por una app store.
- Manifest y service worker: 8 iconos y 9 splash screens que cubren los tamaños que exigen iOS y Android, precache de las 5 secciones públicas y estrategia network-first para los assets de Vite.