The latest articles on DEV Community by Thadar (@thadardev). https://dev.to/thadardev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3985652%2F5df21eea-dde2-4ac5-ba8b-0dd9481168bd.jpeg https://dev.to/thadardev en Thadar Tue, 03 Nov 2026 09:40:56 +0000 https://dev.to/thadardev/cree-una-spa-ultraligera-en-vanilla-js-y-tailwind-para-calcular-dietas-exentas-de-irpf-3e4i https://dev.to/thadardev/cree-una-spa-ultraligera-en-vanilla-js-y-tailwind-para-calcular-dietas-exentas-de-irpf-3e4i <p>¡Hola a todos! 👋</p> <p>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.</p> <p>Se trata de <strong>Calcula Dietas IRPF</strong>, 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.</p> <p>Podéis probar la herramienta en vivo aquí: <a href="https://calculadietasirpf.es" rel="noopener noreferrer">Calculadora de Dietas IRPF</a></p> <h3> 🛠️ El Stack Técnico </h3> <p>Para mantener los costes de mantenimiento a <strong>0€</strong> y asegurar una velocidad de carga perfecta (100/100 en PageSpeed), prescindí de frameworks pesados:</p> <ul> <li> <strong>HTML5 + Tailwind CSS (vía CDN/Utility classes):</strong> Para mantener un diseño limpio, moderno y completamente responsive en móviles.</li> <li> <strong>Vanilla JavaScript:</strong> 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.</li> <li> <strong>Hosting en Vercel:</strong> Despliegue continuo conectado a repositorio de GitHub.</li> <li> <strong>SEO &amp; Schema.org:</strong> Implementación de datos estructurados <code>WebApplication</code> e <code>FAQPage</code> en el propio <code>index.html</code>.</li> </ul> <h3> 💡 ¿Por qué este proyecto? </h3> <p>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 <strong>Single Page Application (SPA)</strong> 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.</p> <p>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!</p> css frontend javascript webdev