Nummo es una demo de micro-SaaS para autonomos y pequenos negocios que necesitan controlar clientes, facturas, gastos y metricas financieras desde una interfaz simple.
El proyecto esta pensado para portfolio: muestra una experiencia de producto completa, con dashboard, CRUD ligero, persistencia local, filtros, visualizacion de datos y generacion de factura imprimible/PDF sin depender de backend.
Nummo permite:
- Revisar ingresos cobrados, gastos, beneficio estimado y cobros pendientes.
- Visualizar ingresos vs gastos de los ultimos meses.
- Gestionar clientes con datos fiscales.
- Crear facturas, marcarlas como pagadas o pendientes y abrir una vista imprimible.
- Guardar una factura como PDF usando el dialogo de impresion del navegador.
- Registrar gastos y ver su desglose por categoria.
- Filtrar facturas por busqueda, estado y cliente.
- Filtrar gastos por busqueda y categoria.
- Personalizar los datos del negocio: nombre, NIF/CIF, email, telefono, direccion e IBAN.
- Recibir notificaciones breves al guardar, eliminar o cargar datos demo.
- Mantener los datos en el navegador con
localStorage.
- HTML5
- CSS3 responsive
- JavaScript vanilla
localStoragepara persistencia- API nativa de impresion del navegador para exportar PDF
.
|-- index.html
|-- styles.css
|-- app.js
|-- dev-server.js
`-- README.md
Abre index.html directamente en el navegador.
La app incluye datos demo. Si ya tienes datos guardados y quieres restaurar la demo, pulsa Cargar demo.
Tambien puedes abrirla desde localhost con:
node dev-server.jsDespues visita http://127.0.0.1:4173.
- Dashboard financiero con tarjetas de metricas.
- Graficos sin librerias externas.
- Factura imprimible con datos del emisor y cliente.
- Estados vacios cuidados para cuentas sin datos.
- Interfaz responsive para escritorio y movil.
- Diseno orientado a producto SaaS, no a landing page.
- Migrar a React.
- Anadir autenticacion y base de datos con Supabase.
- Generar PDF real desde codigo.
- Numeracion de facturas por ano.
- OCR para tickets y recibos.
- IA para categorizar gastos.
- Recordatorios de facturas pendientes por email.
- Deploy publico en Vercel o Netlify.
Los datos incluidos son ficticios y estan pensados para demostracion. Para portfolio, se recomienda mantener datos fiscales inventados.