Vorlage

Spesen-App mit Freigabe für Ihr Team

Eine Spesen-App mit Freigabe, die Sie heute noch online haben können. Mitarbeitende schicken einen Beleg, eine Führungskraft gibt ihn frei, und die Buchhaltung bekommt den Monat als Tabelle. Nur Ihre Kollegen können sie öffnen.

Gemacht für: Buchhaltung, Führungskräfte und alle, die für die Arbeit einkaufen

Die Ansicht „Approvals“ der Spesen-App: vier wartende Ausgaben, jeweils mit Person, Zweck, Betrag, einem Link zum Beleg und den Schaltflächen „Approve“ und „Reject“
Die Vorlage mit Beispieldaten, so wie Kollegen sie nach der Anmeldung sehen.

01Was sie kann

Was Ihr Team bekommt

  • Eine Ausgabe in einer Minute einreichen

    Betrag, Datum, Kategorie und Zweck, mit einem Foto oder PDF des Belegs. Funktioniert auch vom Handy.

  • Freigeben oder ablehnen, mit Notiz

    Freigebende sehen alles, was wartet, und können jeden Beleg öffnen. Eine Ablehnung braucht eine Notiz, damit die Person weiß, was sie korrigieren muss. Niemand kann die eigene Ausgabe freigeben.

  • Alle sehen, wo ihre Ausgaben stehen

    Alle sehen ihre eigenen Ausgaben als wartend, freigegeben oder abgelehnt und können eine noch wartende zurückziehen.

  • Die Buchhaltung bekommt den Monat

    Alles, was in einem Monat freigegeben wurde, mit Summen nach Kategorie und einem CSV-Download für die Buchführung.

02Rollen

Wer was darf

Bis hierher kommt nur, wer die App öffnen darf. In der App vergibt die verantwortliche Person Rollen an Kollegen über deren geschäftliche E-Mail, auf der Seite „People“.

WerDarf
Alle, die die App öffnen könnenAusgaben einreichen, die eigenen sehen, eine noch wartende zurückziehen
FreigebendeDie Ausgaben aller sehen und darüber entscheiden, jeden Beleg öffnen
BuchhaltungFreigegebene Ausgaben nach Monat sehen, die CSV herunterladen, jeden Beleg öffnen
AdminsFestlegen, wer freigibt, zur Buchhaltung gehört oder Admin ist
Die verantwortliche Person (wer zuerst veröffentlicht)Alles

Wer die App überhaupt öffnen kann, legt TeamOnly fest: alle in Ihrer Firma oder nur die Personen, die Sie mit npx teamonly access only nennen.

03Start

Mit wenigen Befehlen online

Sie brauchen Node.js auf Ihrem Computer, das haben Nutzer von Claude Code und Cursor schon. Führen Sie diese Befehle in einem Terminal aus.

  1. Die App anlegen

    Das legt einen neuen Ordner expenses mit der ganzen App an und installiert, was sie braucht.

  2. Auf dem eigenen Computer ausprobieren

    Sie öffnet sich unter http://localhost:5173, angemeldet als Testnutzer, dem die App gehört.

  3. Online stellen

    Einmal pro Computer anmelden, dann veröffentlichen. Sie bekommen einen Link wie expenses.acme.teamonly.app, den nur Ihre Firma öffnen kann.

Terminal~
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.

04Passen Sie sie an

Ändern, indem Sie Ihre KI fragen

Die Vorlage ist ganz normaler Code in Ihrem Ordner. Bitten Sie Claude Code oder Cursor in eigenen Worten um Änderungen, prüfen Sie sie mit npm run dev und veröffentlichen Sie dann erneut. Ein paar Ideen:

  • Füge ein Monatslimit pro Person hinzu und markiere alles darüber für die Buchhaltung rot.

  • Lass die Leute zu jeder Ausgabe eine Projektnummer angeben und nimm sie in die CSV auf.

  • Stell die Währung auf Euro um und füge eine Kategorie Kilometergeld hinzu.

  • Schick den Freigebenden eine E-Mail, wenn eine neue Ausgabe reinkommt, und jeden Morgen eine Erinnerung an alles, was noch wartet.

05Kosten

Was es kostet

  • Die Vorlage ist kostenlos. Sie zahlen für TeamOnly, das sie hostet, nach einer 14-tägigen kostenlosen Testphase ohne Karte.
  • Builder, $19 im Monat: eine Person, die baut, und bis zu drei Apps.
  • Team, $249 im Monat: beliebig viele Ersteller und Apps, und jede Person mit Ihrer Firmen-E-Mail kann veröffentlichen.
  • Kollegen, die die App nur nutzen, sind kostenlos. Keine Lizenzen zu kaufen.

Erst den Code lesen

Jede Vorlage liegt offen auf GitHub, mit ihrer README. Sehen Sie sie sich vor dem Start an oder zeigen Sie sie der IT.

Code auf GitHub ansehen

06FAQ

Häufige Fragen

Alle Fragen und Antworten

Wer kann die Spesen-App öffnen?

Nur Personen in Ihrer Firma, angemeldet mit ihrem Google- oder Microsoft-Firmenkonto oder mit einem Code an ihre geschäftliche E-Mail. Mit npx teamonly access only können Sie es auf bestimmte Personen eingrenzen.

Kann jemand die eigene Ausgabe freigeben?

Nein. Die App prüft das bei jeder Entscheidung. Wenn Sie als Einzige oder Einziger freigeben, muss jemand anderes Ihre Ausgaben freigeben.

Wo werden die Belege gespeichert?

Im eigenen Dateispeicher der App auf TeamOnly, den keine andere App lesen kann. Belege können ein Foto (JPG, PNG, HEIC, WebP) oder ein PDF sein, bis 10 MB.

Kann ich die Kategorien oder die Währung ändern?

Ja. Beides steht in einer Datei, src/shared/types.ts. Bitten Sie Ihr KI-Tool, es zu ändern, und veröffentlichen Sie dann erneut. Voreingestellt sind US-Dollar mit Reisen, Verpflegung, Material, Software, Weiterbildung und Sonstiges.

Schickt sie eine E-Mail, wenn eine Ausgabe wartet?

Nicht von Haus aus, aber das ist eine einfache Änderung. TeamOnly Apps können Kollegen E-Mails schicken, bitten Sie also Ihr KI-Tool, Freigebende per E-Mail zu benachrichtigen, wenn eine Ausgabe reinkommt. Bis dahin sehen Freigebende in der App, wie viele Ausgaben warten.

Early Access

Ihr erstes Tool, noch diese Woche online.

TeamOnly ist im Early Access, und alle Tarife sind jetzt buchbar. Testen Sie 14 Tage kostenlos ohne Karte, oder schließen Sie ein Abo ab. So oder so ist Ihre Firma sofort bereit, und drei Befehle bringen Ihre erste App online.

14 Tage kostenlos testenOder gleich abonnieren

Keine Karte für die Testphase. Danach ab $19 im Monat, jederzeit kündbar.

Noch nicht so weit? Neuigkeiten erhalten

Bitte die geschäftliche E-Mail verwenden. Wir schreiben selten, und nur wenn es wirklich etwas Neues gibt.

Fragen an hello@teamonly.dev. Ein Mensch antwortet.