Handmade SystemsHandmade Systems
Logo

TaxiKomm24 Admin PortalTool zur Administration und Self-Service der TaxiKomm24 Plattform

ExRam Innovations GmbH ist ein Unternehmen, das sich mit der Plattform TAXIKOMM24 auf die Vermittlung von Taxifahrten spezialisiert hat. Sie bieten eine vollautomatische Vermittlung von Fahrzeugen per Telefon oder App an.

Teaser

Aufgabenstellung

Handmade Systems ist bei TAXIKOMM24 der Partner für alle Themen rund um die Frontends der in der Entwicklung befindlichen TAXIKOMM-Plattform V2.0.

Zunächst wurden wir mit der Entwicklung des Admin-Portals beauftragt. Das Admin-Portal wird genutzt, um die gesamte TAXIKOMM24 Infrastruktur zu verwalten und bietet den Vermittlungszentralen und Taxiunternehmen die Möglichkeit Ihre Daten selbst zu pflegen.

Technische Umsetzung

Um die Wiederverwendung zu erhöhen und Entwicklungskosten zu senken, haben wir uns für den Einsatz eines Mono-Repos entscheiden. Das Mono-Repo verwendet eine strukturierte Architektur, die Apps wie Admin-Portal, Dispatcher und Fahrer-App sowie gemeinsam genutzte Pakete wie Authentifizierung, Konfiguration, Design-System, ESLint-Konfiguration und Utils enthält. Das Projekt verwendet React-Router für das Routing, Tailwind und HeadlessUI für das Design, Formik und Yup für komplexe Formulare und Apollo Client für GraphQL-bezogene Operationen.

DevOps und Entwicklung

Das Projekt verwendet Docker, um das Frontend als Nginx-Image bereitzustellen. Zur Qualitätssicherung sind Linting, Codeformatierung und Tests (Unit-Tests und End-to-End-Tests) implementiert. Darüber hinaus wird GraphQL Codegen zur Generierung von TypeScript-Typen verwendet und Storybook ermöglicht die isolierte Entwicklung von Komponenten.

Zusammenfassung

TAXIKOMM24 ist ein effizientes und gut strukturiertes Frontend-MonoRepo, das die Verwaltung und Wartung der Frontend-Projekte von TAXIKOMM24 erleichtert. Durch den Einsatz moderner Technologien und bewährter Praktiken wird ein hohes Maß an Qualität und Benutzerfreundlichkeit gewährleistet.

Leistungen

Frontend-EntwicklungMonorepo-ArchitekturUI-Design

Tech-Stack

React • Vite • Turborepo • TypeScript • Tailwind CSS • HeadlessUI • GraphQL • Apollo Client • Formik • Yup • React-Router • Zustand • Ramda • Font Awesome • Docker • Nginx • ESLint • Prettier • Vitest • Playwright • Storybook

Sie haben eine spannende Herausforderung oder brauchen Unterstützung?

Nutzen Sie Ihren direkten Draht zu einem SaaS-, Cloud und IoT-Experten: