¡Hola a todos! 👋
Quería compartir un micro-proyecto que acabo de desplegar y que tenía ganas de solucionar con la menor cantidad de código y dependencias posible.
Se trata de Calcula Dietas IRPF, una utilísima herramienta web gratuita pensada para trabajadores desplazados, chóferes y autónomos que necesitan calcular en segundos la cuantía de sus dietas exentas de tributación según el Artículo 9 del Reglamento del IRPF en España.
Podéis probar la herramienta en vivo aquí: Calculadora de Dietas IRPF
🛠️ El Stack Técnico
Para mantener los costes de mantenimiento a 0€ y asegurar una velocidad de carga perfecta (100/100 en PageSpeed), prescindí de frameworks pesados:
- HTML5 + Tailwind CSS (vía CDN/Utility classes): Para mantener un diseño limpio, moderno y completamente responsive en móviles.
- Vanilla JavaScript: Toda la lógica de cálculo (manutención con/sin pernocta en España y extranjero, más gastos de locomoción a 0,26€/km) se ejecuta en el navegador del cliente al instante.
- Hosting en Vercel: Despliegue continuo conectado a repositorio de GitHub.
-
SEO & Schema.org: Implementación de datos estructurados
WebApplicationeFAQPageen el propioindex.html.
💡 ¿Por qué este proyecto?
La mayoría de información sobre la exención de dietas en el IRPF está dispersa en BOEs o artículos de blogs interminables. El objetivo era crear una herramienta de Single Page Application (SPA) de carga instantánea donde el usuario ponga los días/kilómetros y obtenga el desglose exento y sujeto a retención sin rodeos.
Cualquier feedback sobre la interfaz o la velocidad de carga es más que bienvenido. ¡Espero que a alguien de la comunidad le sirva de inspiración para lanzar sus propios micro-servicios!
Top comments (1)
Evitar frameworks pesados para manipulaciones del DOM tan simples es la clave para conseguir ese 100/100 en PageSpeed. Tirar de Tailwind por CDN encaja perfecto en estas micro-utilidades sin build step, aunque si el proyecto crece te compensará montar la compilación local para purgar el CSS no utilizado. Mantener toda la lógica de cálculo en el cliente para esquivar costes de servidor es la arquitectura ideal para este tipo de herramientas.