Cinema-Buchungssystem neu gebaut: ein eingebetteter Entwickler, Ende zu EndeNeuaufbau der Buchungswebsite einer Kinokette mit modernem Frontend, Single Sign-on über mehrere Dienste hinweg und Echtzeit-Integration mit einer Drittanbieter-Ticketing-Plattform, mit einem Senior-Tuix-Entwickler, der ein Jahr lang im Team des Kunden eingebettet war.
main project image
main project image
main project image
EinsatzmodellStaff AugmentationPure embed
Tuix-Team1 Senior Full-Stack-EntwicklerEingebettet 1 Jahr
KundenbrancheEntertainment / Kino
Zeitraum2021
Tech-StackNext.js · AWS Lambda · AWS Cognito · Algolia
Das EngagementEin Embedded Developer, ein kompletter Rebuild, null Unterbrechung der Buchungen

Der Kunde wollte seine Kino-Website mit einer moderneren, stilvolleren Erfahrung auffrischen und gleichzeitig sicherstellen, dass jede Buchungs und Kontofunktion genau so weiterlief, wie es die Kunden erwarteten. Das bedeutete eine saubere Integration mit einer bestehenden Drittanbieter-Ticketing-Plattform (VISTA) für Echtzeit-Vorstellungszeiten und Sitzplatzverfügbarkeit, eine Modernisierung des Backends hin zu einem Microservices-Ansatz, und all das, ohne die Legacy-Systeme zu stören, auf die sich das Unternehmen bereits verließ.

Ein Senior-Tuix-Entwickler stieß als Embedded Engineer für ein volles Jahr zum Team des Kunden und arbeitete durchgängig über den gesamten Rebuild hinweg: Frontend, Backend und die Integrationsarbeit, die beides mit der bestehenden Ticketing-Infrastruktur des Kunden verband. Statt von außen eine Spezifikation zu liefern, bedeutete dieses Engagement, sich in die eigenen Prioritäten und Rahmenbedingungen des Kunden hineinzubegeben, Entscheidungen wie der Erhalt des Single Sign-on über mehrere Dienste hinweg oder die Migration zu einer serverlosen Architektur wurden im Sinne dessen getroffen, was das Team des Kunden realistisch selbst pflegen konnte, nicht nur dessen, was zum Launch am besten aussah.

ErgebnisseWas der Kunde erhalten hat
1Entwickler, volle VerantwortungFrontend, Backend und Integration durchgehend aus einer Hand
VollständigeSSO-Integrationumgesetzt, ohne Änderungen an bestehenden externen Systemen zu erfordern
Echtzeit+ sofortLive-Vorstellungsdaten, PDF-Tickets bei jeder Buchung
Modular& serverlosgeringere Infrastrukturkosten, einfacher zu warten und zu skalieren
Technische DetailsWie die Plattform konzipiert und umgesetzt wurdeDas ist die Tiefe hinter der Zusammenfassung oben, wie ein eingebetteter Entwickler wirklich über Architektur, Kompromisse und Umsetzung nachgedacht hat. Wenn du herausfinden willst, wie es ist, einen Tuix-Entwickler in dein Team zu holen, kommst du hiermit am nächsten daran, ihm bei der Arbeit zuzusehen. Klick dich durch die einzelnen Abschnitte.
  • Frontend am Edge
    Das Frontend ist eine React-basierte Anwendung, gebaut mit Next.js, optimiert für Geschwindigkeit, SEO und Reaktionsfähigkeit. Es wird über Vercel ausgeliefert, was schnelle globale Auslieferung, automatische Builds und eine reibungslose Entwicklererfahrung mit integrierter CI/CD ermöglicht. Nutzer können Vorstellungszeiten durchstöbern, Tickets buchen, Profile verwalten und Bestätigungsdetails einsehen – alles über eine übersichtliche, performante Oberfläche.

Cinema_detailed_img-1_DE.webp image

  • Serverlos konzipiert, nahtlos ausgeliefert
    Die Plattform basiert auf einer vollständig serverlosen, ereignisgesteuerten Architektur mit AWS Lambda und API Gateway. Jede Kernfunktion, Authentifizierung, Buchungen, Kommunikation und PDF-Generierung, wird von einem dedizierten Lambda-Microservice übernommen, was geringen Wartungsaufwand und einfache Skalierung sicherstellt.

  • Zentrale Anfragenverwaltung
    Ein AWS API Gateway leitet alle Frontend-Anfragen an die passenden Lambda-Services weiter und bietet einen einheitlichen Einstiegspunkt mit integriertem Throttling, Monitoring und Sicherheit.

Cinema_detailed_img-2_DE.webp image

  • Externe API-Integration
    Das Backend verbindet sich per API mit einer führenden Kino-Buchungsplattform, um Echtzeit-Filmprogramme, Sitzplatzverfügbarkeit und Preise abzurufen. Buchungsbestätigungen und Nutzeraktivitäten werden zurück an den externen Anbieter synchronisiert, um vollständige Konsistenz sicherzustellen.

Cinema_detailed_img-3_DE.webp image

Backend

  • Laufzeitumgebung & Sprache: AWS Lambda mit TypeScript.
  • Architektur: Microservices mit dedizierten Funktionen für Nutzer, Buchungen, E-Mails, PDFs.
  • APIs: REST-basierte Kommunikation mit der externen Kino-Ticketing-Plattform.

Auth & Sicherheit

  • Authentifizierung: AWS Cognito mit SSO.
  • Sicherheits-Gateway: AWS API Gateway verarbeitet alle eingehenden Anfragen.
  • Berechtigungen: Zugriff nach Service und Endpunkt eingeschränkt.

Frontend

  • Framework: React + Next.js.
  • Styling: Tailwind CSS.
  • Hosting: Vercel.

Cloud-Infrastruktur

  • Compute: AWS Lambda.
  • Identitätsmanagement: AWS Cognito.
  • API-Routing: AWS API Gateway.

Next.js und Vercel verschafften dem Projekt ein modernes SSR-Frontend mit schnellen Ladezeiten, starkem SEO und müheloser Bereitstellung, während AWS Lambdas serverloses Modell dem Kunden erlaubte, nur für tatsächliche Ausführungszeit zu zahlen, statt Server im Leerlauf zu betreiben. Microservices hielten jede Funktion unabhängig und leicht weiterentwickelbar, Cognito übernahm Identität und SSO sicher, API Gateway zentralisierte Routing und Sicherheit, und die REST-Integration hielt die Anbindung an die Drittanbieter-Kino-API einfach und zuverlässig. Das waren keine willkürlichen Entscheidungen: Als Embedded Developer lag die Priorität darauf, einen Stack zu wählen, den das eigene Team des Kunden übernehmen und lange nach dem Engagement weiterbetreiben konnte, nicht einen, der nur mit einem externen Dienstleister im Hintergrund funktioniert.

  • SSO mit AWS Cognito
    Nutzer können sich einmal anmelden und auf alle Plattformdienste sicher zugreifen, mit tokenbasierter Authentifizierung, die vollständig über Cognito abgewickelt wird.

  • Echtzeit-Buchungsablauf
    Nutzer durchstöbern Filme, wählen Sitzplätze und bestätigen Käufe über eine reaktionsschnelle Oberfläche. Das Backend übernimmt die Buchungsvalidierung und synchronisiert Reservierungen mit der API des Kinoanbieters.

  • PDF-Ticket-Generierung
    Nach der Buchung erhalten Nutzer ein herunterladbares PDF-Ticket, generiert von einer dedizierten Lambda-Funktion. Diese PDFs enthalten alle relevanten Film-, Sitzplatz und QR-Code-Informationen.

  • E-Mail-Benachrichtigungen
    Buchungsbestätigungen, Erinnerungen und Werbe-E-Mails werden über einen E-Mail-Microservice versendet, ausgelöst durch erfolgreiche Transaktionen oder Marketingkampagnen.

Die Anbindung eines modernen Identitätsanbieters (Cognito) an Legacy-Backend-Systeme erforderte eigene Synchronisationslogik und sorgfältiges Testen, um Datenabweichungen zu vermeiden; die zuverlässige Echtzeit-Synchronisation mit der Drittanbieter-Kino-API bedeutete, Latenzen, Ratenlimits und gelegentliche Fehler zu bewältigen; und die Übersetzung eines frischen visuellen Designs in eine responsive, performante Oberfläche erforderte, Attraktivität durchgehend mit Barrierefreiheit und SEO in Einklang zu bringen. Dass ein einzelner Embedded Developer den gesamten Stack durchgängig verantwortete, machte diese Abwägungen einfacher statt schwieriger: Jede Entscheidung, vom Frontend bis zum Backend, wurde mit vollem Kontext darüber getroffen, was die Systeme und das Team des Kunden tragen konnten, ohne dass etwas zwischen getrennten Teams verloren ging.

So arbeiten wir normalerweiseProjekte wie dieses zeigen, wie wir normalerweise arbeitenMeistens arbeiten wir als Team-Augmentation: Unsere Entwickler integrieren sich in Ihr Team. Manchmal übernehmen wir ganze Workstreams. Sprechen Sie mit Sebastian darüber, welches Modell zu Ihrer Situation passt.
Mit Sebastian sprechenStaff Augmentation erklärt
Sebastian Vizcaino
Sebastian VizcainoGeschäftsführer, Tuix GmbH
Gerhard-Kindler-Str. 6, 72770 ReutlingenTechnologiepark Tübingen-Reutlingen
+49 163 8119175Mo–Fr, deutsche Geschäftszeiten
[email protected]Wir antworten innerhalb eines Werktags
Andere Projekte
Erfahren Sie mehr über unsere Arbeit
Tuix-Timesheets
Tuix-Timesheets
Ein entwicklerfreundliches Zeiterfassungssystem für verteilte Teams – optimiert die Zeiterfassung, automatisiert Berichte und vereinfacht die Rechnungsstellung.
TimeTrackingGolangTypeScriptAWSMicroservicesServerlessDeveloperToolsRemoteWork
Projekt ansehen
Tuix Gestaltungssystem
Tuix Gestaltungssystem
Wie Tuix ein vollständiges Designsystem von Grund auf aufgebaut hat, um Konsistenz, Skalierbarkeit und ein einheitliches Markenerlebnis sicherzustellen.
DesignSystemUXDesignUIDesignFigmaAtomicDesignBrandIdentityStyleGuideDesignTokens
Projekt ansehen