Plantilla
App de aprobación de gastos para tu equipo
Una app de aprobación de gastos que puedes tener en línea hoy. La gente envía un recibo, un gerente lo aprueba y finanzas recibe el mes en una hoja de cálculo. Solo tus compañeros pueden abrirla.
Hecha para: Finanzas, gerentes y cualquiera que compre cosas para el trabajo
01Qué hace
Lo que recibe tu equipo
Envía un gasto en un minuto
Monto, fecha, categoría y motivo, con una foto o un PDF del recibo. Funciona desde el teléfono.
Aprueba o rechaza con una nota
Quien aprueba ve todo lo que está en espera y puede abrir cualquier recibo. Para rechazar hace falta una nota, así la persona sabe qué corregir. Nadie puede aprobar su propio gasto.
Cada uno ve cómo va lo suyo
Todos ven sus propios gastos como en espera, aprobados o rechazados, y pueden retirar uno que todavía está en espera.
Finanzas recibe el mes
Todo lo aprobado en un mes, con totales por categoría, y una descarga en CSV para la contabilidad.
02Roles
Quién puede hacer qué
Solo llega hasta aquí quien puede abrir la app. Adentro, el responsable asigna roles a sus compañeros por correo de trabajo en la página “People”.
| Quién | Puede |
|---|---|
| Todos los que pueden abrir la app | Enviar gastos, ver los suyos, retirar uno que todavía está en espera |
| Aprobadores | Ver y decidir sobre los gastos de todos, abrir cualquier recibo |
| Finanzas | Ver los gastos aprobados por mes, descargar el CSV, abrir cualquier recibo |
| Administradores | Cambiar quién es aprobador, de finanzas o administrador |
| El responsable (quien la publica primero) | Todo |
Quién puede abrir la app lo define TeamOnly: toda tu empresa, o solo las personas que nombres con npx teamonly access only.
03Empezar
En línea con unos pocos comandos
Necesitas Node.js en tu computadora, que quienes usan Claude Code y Cursor ya tienen. Ejecuta esto en una terminal.
Crea la app
Esto crea una carpeta nueva llamada
expensescon la app completa e instala lo que necesita.Pruébala en tu computadora
Se abre en
http://localhost:5173, con la sesión iniciada como un usuario de prueba que es responsable de la app.Ponla en línea
Inicia sesión una vez por computadora y luego publica. Recibes un enlace como
expenses.acme.teamonly.appque solo tu empresa puede abrir.
npx teamonly init --template expense-approval expensesCreated "expenses" from the expense-approval templatecd expenses && npm installnpm run devLocal: http://localhost:5173/npx teamonly loginSigned in as dana@acme.comnpx teamonly deployLive at https://expenses.acme.teamonly.appOnly @acme.com accounts can sign in.04Hazla tuya
Cámbiala pidiéndoselo a tu IA
La plantilla es código normal en tu carpeta. Pídele cambios a Claude Code o Cursor con tus palabras, revísalos con npm run dev y vuelve a publicar. Algunas ideas:
Agrega un límite mensual por persona y marca en rojo para finanzas todo lo que lo supere.
Deja que la gente agregue un código de proyecto a cada gasto y súmalo al CSV.
Cambia la moneda a euros y agrega una categoría de Kilometraje.
Envía un correo a los aprobadores cuando llegue un gasto nuevo, y un recordatorio cada mañana sobre lo que siga en espera.
05Costo
Cuánto cuesta
- La plantilla es gratis. Pagas por TeamOnly, que la aloja, después de una prueba gratis de 14 días sin tarjeta.
- Builder, $19 al mes: un creador y hasta tres apps.
- Team, $249 al mes: creadores y apps sin límite, y cualquiera con el correo de tu empresa puede publicar.
- Los compañeros que solo usan la app no pagan. No hay licencias que comprar.
Lee el código primero
Cada plantilla está abierta en GitHub, con su README. Revísala antes de empezar, o muéstrasela a TI.
¿Quién puede abrir la app de gastos?
Solo la gente de tu empresa, con la sesión iniciada en su cuenta de trabajo de Google o Microsoft o con un código enviado a su correo de trabajo. Puedes limitarla a personas con nombre con npx teamonly access only.
¿Alguien puede aprobar su propio gasto?
No. La app lo revisa en cada decisión. Si eres el único aprobador, otra persona tiene que aprobar los tuyos.
¿Dónde se guardan los recibos?
En el almacenamiento de archivos propio de la app en TeamOnly, que ninguna otra app puede leer. Los recibos pueden ser una foto (JPG, PNG, HEIC, WebP) o un PDF, de hasta 10 MB.
¿Puedo cambiar las categorías o la moneda?
Sí. Las dos están en un solo archivo, src/shared/types.ts. Pídele a tu herramienta de IA que las cambie y vuelve a publicar. Por defecto son dólares estadounidenses, con viajes, comidas, insumos, software, capacitación y otros.
¿Envía un correo cuando hay un gasto en espera?
No viene incluido, pero es un cambio fácil. Las apps de TeamOnly pueden enviar correos a compañeros, así que pídele a tu herramienta de IA que avise por correo a los aprobadores cuando llegue un gasto. Mientras tanto, los aprobadores ven en la app cuántos gastos hay en espera.
Otras plantillas
Acceso anticipado
Pon tu primera herramienta en línea esta semana.
TeamOnly está en acceso anticipado y todos los planes ya están abiertos. Pruébalo gratis 14 días sin tarjeta, o suscríbete. De cualquier forma, tu empresa queda lista de inmediato, y tres comandos ponen tu primera app en línea.
Sin tarjeta para la prueba. Después, desde $19 al mes, cancela cuando quieras.
¿Aún no? Recibe novedades
Escribe tus preguntas a hello@teamonly.dev y te responde una persona.