Internes Telefonbuch als Microsoft Teams App — mit Replit gebaut

    Zurück zum Blog
    Replit & Vibe Coding

    Internes Telefonbuch als Microsoft Teams App — mit Replit gebaut

    Für ein Schweizer Landschaftsarchitektur-Büro haben wir mit Replit eine interne Kontaktverwaltung als Microsoft Teams Tab gebaut — mit Teams SSO, CSV-Export und automatischen SharePoint-Backups.

    22. Juli 20265 Min. Lesezeit Lesezeit
    Marcel Haas

    Marcel Haas

    Solution Architect, CEO

    marcel.haas@cnext.ch
    20+ JahreErfahrung·6×Microsoft Applied Skills·SharePoint & Microsoft Copilot
    6x Microsoft Applied Skills

    Kurzantwort

    Für ein Schweizer Landschaftsarchitektur-Büro haben wir mit Replit eine interne Kontaktverwaltung als Microsoft Teams Tab gebaut — mit Teams SSO, CSV-Export und automatischen SharePoint-Backups.

    Ein Telefonbuch klingt nach einer simplen Sache. Bis man feststellt, dass die vorhandenen Lösungen entweder zu wenig können, zu teuer sind oder nicht dort leben, wo die Mitarbeitenden ohnehin den ganzen Tag verbringen: in Microsoft Teams.

    Genau da setzt das Projekt an, das wir für Maurus Schifferli gebaut haben.

    Der Ausgangspunkt: Kontakte da, wo Arbeit passiert

    Das Büro von Maurus Schifferli betreibt ein gewachsenes Kontaktverzeichnis — Mitarbeitende, Partner, Projektbeteiligte — mit Namen, E-Mail-Adressen, Telefon- und Handynummern, Positionen, Teamzugehörigkeiten und Projektbezügen. Dieses Verzeichnis lag bisher an einem Ort, den niemand freiwillig aufsucht. Gefragt war etwas anderes: ein Tool, das direkt in Teams lebt und sich wie ein natürlicher Teil der Arbeitsumgebung anfühlt.

    Das Ergebnis ist ein Teams Tab — eine vollständige Web-App, die als eigener Reiter in Microsoft Teams eingebettet ist und auf jeder gängigen Plattform funktioniert: Desktop, Browser, Mobilgerät.

    Was die App kann

    Die Anwendung ist klar auf die tatsächlichen Bedürfnisse des Büros zugeschnitten:

    Kontakte verwalten — das vollständige Verzeichnis ist durchsuchbar nach Name, E-Mail und Team. Ein Dropdown-Filter erlaubt die schnelle Eingrenzung nach Abteilung oder Gruppe. Jeder Eintrag zeigt alle relevanten Informationen auf einen Blick.

    Teams-Aktionen direkt aus dem Kontaktblatt — statt eine Nummer abzutippen oder eine E-Mail-Adresse zu kopieren, lässt sich von jedem Kontakt aus direkt ein Teams-Anruf starten, ein Chat öffnen oder eine E-Mail verfassen. Ein Klick, kein Umweg.

    Projekte — Kontakte lassen sich beliebigen Projekten zuordnen. So sieht man auf einen Blick, wer an welchem Projekt beteiligt ist — nützlich für grössere Büros mit parallelen Mandaten.

    CSV-Export — das gesamte Verzeichnis oder eine gefilterte Auswahl lässt sich als CSV-Datei exportieren, korrekt mit BOM-Codierung für eine reibungslose Darstellung in Excel.

    Backups und Sicherheit — täglich werden automatische Sicherungen des Verzeichnisses erstellt und in SharePoint abgelegt. Manuelle Backups sind jederzeit möglich, ebenso die Wiederherstellung aus einer früheren Sicherung. Kein Datenverlust, kein manueller Aufwand.

    Teams SSO: keine zweite Anmeldung

    Der vielleicht wichtigste Baustein ist die Authentifizierung. Die App nutzt Microsoft Teams Single Sign-On — wer in Teams angemeldet ist, ist auch in der App angemeldet, ohne weitere Schritte.

    Technisch läuft das über das offizielle Teams-JavaScript-SDK: Die App holt sich beim Start automatisch ein Bearer-Token vom Teams-Client. Dieses Token wird bei jeder Anfrage an den Backend-Server mitgeschickt, der es gegen Microsofts Azure AD prüft. Ohne gültiges Token gibt es keine Daten — die App ist von aussen nicht zugänglich.

    Das bedeutet für das Büro: keine eigene Nutzerverwaltung, keine separaten Passwörter, keine Zugangsprobleme. Der Microsoft-Account der Mitarbeitenden ist der Schlüssel.

    Wie es gebaut wurde

    Die technische Grundlage ist die gleiche, die wir auch für andere Projekte nutzen:

    • Frontend: React + Vite + Tailwind CSS + shadcn/ui — schnell, modern, wartbar
    • Backend: Express + Drizzle ORM — eine schlanke REST-API für alle CRUD-Operationen
    • Datenbank: PostgreSQL — zuverlässig, skalierbar, für genau diese Art von strukturierten Daten gemacht

    Die gesamte Anwendung haben wir mit Replit entwickelt — vom ersten Prototyp bis zur fertigen Teams-Integration. Auch hier hat Vibe Coding seinen Vorteil gezeigt: klare Anforderungen, schnelle Iterationen, kein unnötiger Overhead.

    Was dieses Projekt zeigt

    Ein internes Tool wie dieses ist kein Glanzprojekt — es wirbt nicht nach aussen, es gewinnt keine Design-Awards. Aber es ist genau die Art von Anwendung, die den Arbeitsalltag eines Büros spürbar verbessert: weniger Suchen, weniger Klicks, weniger Wechsel zwischen Anwendungen.

    Und es zeigt, was mit Replit heute möglich ist: nicht nur schnelle Websites, sondern vollständige, produktionsreife Anwendungen mit echter Authentifizierung, Datenpersistenz und Cloud-Anbindung — für einen Aufwand, der früher undenkbar gewesen wäre.

    Wenn Ihr Büro ein ähnliches Problem hat — ein internes Tool, das immer «irgendwann» gebaut werden sollte — sprechen Sie uns an.

    ReplitVibe CodingTeamsSchweiz
    Teilen:

    Dieser Artikel wurde mit Unterstützung von KI erstellt und von unserem Team geprüft. Wir setzen KI-Tools ein, um hochwertige Inhalte effizient zu produzieren — die fachliche Verantwortung liegt immer bei unseren Experten.

    Marcel Haas

    Marcel Haas

    Solution Architect, CEO

    6x Microsoft Applied Skills

    Haben Sie Fragen zu diesem Thema?

    Unsere Experten beraten Sie gerne – kostenlos und unverbindlich.