Logo de Japp

Japp
Facturapp un facturador automatizado
Facturapp un facturador automatizado

Facturapp un facturador automatizado

Facturapp permite crear facturas y automatiza el cálculo dependiendo de los conceptos, descuento e impuestos.

Facturapp es una aplicación web desarrollado usando el Framework SvelteKit. Esta aplicación permite crear facturas y automatiza el cálculo dependiendo de los conceptos, descuento e impuestos que introduzcas en la aplicación.

Editor Facturapp
Editor Facturapp

01Opciones y componentes:

Facturapp contiene cuatro componentes principales para editar la factura. Por ejemplo, el Componente CardData te permite añadir los datos de tu empresa y de la empresa a facturar. En la siguinte lista encontrarás más detalles sobre cada componente

01.1Componente CardData:

  • Nombre de empresa.
  • NIF o DNI.
  • Calle y número.
  • Domicilio y CP.
  • Teléfono.
  • Email.
  • URL Web.

01.2Componente Concept:

  • Cantidad del producto.
  • Descripción del producto.
  • Precio por unidad.
  • Precio de unidad por la cantidad. Este paso se realiza de forma automática.

01.3Componente Billings:

  • Nº de factura.
  • Fecha de facturación.
  • Fecha de finalización.
  • Estado de factura, paga, impaga o presupuesto.
  • Subtotal. Se hace de forma automatizada sumando el total de todos los conceptos.
  • Añadir descuento. La aplicación hará el cálculo automático calculando el % en el subtotal.
  • Añadir impuesto. La aplicación hará el cálculo automático calculando el % en el subtotal más el descuento.
  • Total. Este cálculo se realiza de forma automática.

01.4Componente Options:

  • Tipo de divisa, euro o dolar.
  • Estado de factura, paga, impaga o presupuesto
  • Opción para activar el formato de edición.
  • Botón imprimir o guardar en pdf

02Otros datos de interes:

Facturapp contiene css para formatear el resultado final de la factura eliminando los componentes u opciones de edición. También evita que el pdf o factura a imprimir muestren la url y fecha en la parte inferior o superior del documento.

Factura final
Factura final

03Librerias y dependencias adicionales a SvelteKit:

Font Awesome CDN V5.15.3

Google Fonts CDN

04Como utilizarla:

Facturapp es una aplicación con licencia MIT y se desarrolla con un fin educativo y personal para afianzar conocimientos. Puede descargarla desde mi repositorio de GitHub de forma gratuita y reutilizarla para sus propios fines. Ten en cuenta que tienes que tener unos conocimientos mínimos de NODE JS.

Ahora te explicare como instalar la app en desarrollo y generar una aplicación final para producción

Desarrollo:

Una vez descargada la aplicación y instaladas las dependencias con `npm install` (o `pnpm install` o `yarn`), inicia un servidor de desarrollo:

npm run dev
# o inicia el servidor y abre la aplicación en una nueva pestaña del navegador
npm run dev -- --open

Producción:

Antes de crear una versión de producción de tu aplicación, instala un [adaptador] para tu entorno de destino. Luego:

npm run build

Puedes obtener una vista previa de la aplicación creada con `npm run preview`, independientemente de si instastes un adaptador. Esto no debes usarlo para entregar tu aplicación en producción.

github Ver repositorio