[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"page-references":3,"mdc-lk6c33-key":209},{"id":4,"title":5,"blog":6,"cta":6,"description":7,"extension":8,"features":6,"hero":6,"image":6,"links":6,"list":9,"meta":206,"references":6,"section":6,"stem":207,"strength":6,"technical":6,"testimonials":6,"__hash__":208},"pages\u002Freferences.yml","Referenzen",null,"Vorstellung ausgewählter Projekte mit Herausforderung, Lösung und dem erzielten Ergebnis","yml",[10,47,83,120,160,184],{"key":11,"headline":12,"title":13,"description":14,"web":15,"seo":16,"align":19,"image":20,"text":21,"client":22,"year":23,"service":12,"headerImage":20,"sliderImages":24,"keywords":37},"hxroom","SaaS-Plattform","HxRoom – Videoplattform für Coachs","HxRoom ist das eigene SaaS-Produkt von HxCode: Terminbuchung und Videocall für Coachs in einem – mit Buchungsseite, Warteraum und Gespräch unter dem eigenen Namen, DSGVO-konform und mit Servern in Deutschland.","https:\u002F\u002Fhxroom.de",{"title":17,"description":18},"HxRoom: SaaS-Plattform für Terminbuchung und Videocall - Erfolgsgeschichte von HxCode","Erfahren Sie, wie HxCode mit HxRoom eine eigene SaaS-Plattform für Coachs entwickelt hat: Buchungsseite unter eigenem Namen, Kalenderabgleich, automatische Erinnerungen, Warteraum und Videocall im Browser – ohne Konto für die Klienten, DSGVO-konform und mit Servern in Deutschland. Von der Idee über UI-Design und Entwicklung bis zum Betrieb aus einer Hand.","left","\u002Fimages\u002Freferences\u002Fhxroom\u002Fhxroom-poster.jpg","HxRoom ist ein eigenes SaaS-Produkt von HxCode: eine Plattform für Coachs, die Terminbuchung und Videocall in einem Werkzeug verbindet.\nStatt Calendly für die Buchung und Zoom für das Gespräch bekommen Coachs einen durchgängigen digitalen Empfang unter ihrem eigenen Namen – von der Buchung bis zum Ende der Sitzung.\n\nDen Anstoß gab eine einfache Beobachtung: Coachs verkaufen Vertrauen, und Vertrauen beginnt beim ersten Eindruck.\nEin Zoom-Link mit Anmeldung, App-Download und der Optik eines Firmen-Meetings passt nicht dazu.\nKlienten sollen ohne Konto und ohne Installation in ein ruhiges Gespräch kommen – direkt im Browser.\n\nHxCode hat HxRoom vollständig selbst umgesetzt: Produktidee, Konzept, UI-Design, Entwicklung von Frontend und Backend sowie Hosting und Betrieb.\nDie Plattform ist live und befindet sich in der Beta.\n\n### Buchungsseite unter eigenem Namen\n\nJeder Coach erhält eine eigene Buchungsseite unter einer Subdomain mit Foto, Sitzungsangeboten und Impressum.\nDie freien Zeiten ergeben sich aus der hinterlegten Verfügbarkeit und werden mit dem Kalender des Coachs abgeglichen, etwa Google, Outlook oder iCloud.\n\n### Bestätigung und Erinnerungen per Mail\n\nKlienten bestätigen ihre Buchung per Mail und erhalten Kalendereintrag und Link zum Gespräch.\n24 Stunden und eine Stunde vor dem Termin erinnert HxRoom automatisch.\n\n### Warteraum und Videocall im Browser\n\nEin Klick auf den Link führt in den Warteraum des Coachs, wo Klienten Kamera und Mikrofon vorab in Ruhe prüfen.\nDer Coach sieht sofort, wer wartet, und lässt den Klienten herein.\nDas Gespräch läuft über WebRTC auf einem selbst betriebenen Videoserver.\n\n### Werkzeuge für den Coach\n\nWährend des Gesprächs schreibt der Coach private Notizen mit, die beim Termin und beim Klienten gespeichert bleiben.\nChat und Dateiaustausch kommen ohne Wechsel des Fensters dazu.\nIm Dashboard verwaltet der Coach Termine, Klienten, Sitzungsangebote und Verfügbarkeiten.\n\n### Datenschutz und Hosting in Deutschland\n\nAnwendung, Datenbank und Videoserver laufen auf Servern in Deutschland.\nKlienten brauchen kein Konto, und der Datenschutz nach DSGVO war von Anfang an Teil der Architektur.\n\n### Technik\n\nDas Backend basiert auf NestJS mit PostgreSQL und Drizzle ORM, die Anmeldung auf better-auth.\nDie Oberflächen sind mit Nuxt 4, Vue 3 und Nuxt UI gebaut und teilen sich in einem pnpm-Monorepo ein gemeinsames Design-System.\nDie Videokonferenz läuft über einen selbst gehosteten LiveKit-Server, ausgeliefert wird alles per Docker Compose.\n","Eigenes Produkt","2026",[25,28,31,34],{"imageSrc":26,"header":27},"\u002Fimages\u002Freferences\u002Fhxroom\u002Fhxroom-1.jpg","Buchungsseite",{"imageSrc":29,"header":30},"\u002Fimages\u002Freferences\u002Fhxroom\u002Fhxroom-2.jpg","Warteraum",{"imageSrc":32,"header":33},"\u002Fimages\u002Freferences\u002Fhxroom\u002Fhxroom-3.jpg","Videocall mit Notizen",{"imageSrc":35,"header":36},"\u002Fimages\u002Freferences\u002Fhxroom\u002Fhxroom-4.jpg","Dashboard",[38,39,40,41,42,43,44,45,46],"SaaS","Videocall","WebRTC","LiveKit","Nuxt 4","Nuxt UI","NestJS","PostgreSQL","Docker",{"key":48,"headline":49,"title":50,"description":51,"web":52,"seo":53,"align":56,"image":57,"text":58,"client":59,"year":60,"service":61,"headerImage":57,"sliderImages":62,"keywords":75},"alltagsgold","Fullstack & Cloud-Betrieb","Alltagsgold – Editoren für Fotobuch und Kalender","Für die Alltagsgold GmbH hat HxCode den Server, die Editoren für Fotobücher und Kalender, die Bestellabwicklung und den Betrieb der Cloud-Infrastruktur entwickelt – am Desktop wie auf dem Smartphone nutzbar.","https:\u002F\u002Falltagsgold.app",{"title":54,"description":55},"Alltagsgold: Fotobuch- und Kalender-Editor mit Cloud-Betrieb - Erfolgsgeschichte von HxCode","Erfahren Sie, wie HxCode für die Alltagsgold GmbH Server, Fotobuch- und Kalender-Editor, Bestellabwicklung über Peecho und den Betrieb der Cloud-Infrastruktur umgesetzt hat. Die Editoren laufen am Desktop und auf dem Smartphone, die Daten liegen auf Servern in Deutschland – ausgelegt auf Datenschutz und Zuverlässigkeit für private Erinnerungen.","right","\u002Fimages\u002Freferences\u002Falltagsgold\u002Falltagsgold-poster.jpg","Alltagsgold verbindet Tagebuch und Fotobuch: Nutzer halten ihren Alltag in digitalen Logbüchern fest, mit Fotos und ein paar Zeilen Text.\nDaraus entstehen gedruckte Fotobücher und Wandkalender – Erinnerungen, die man in die Hand nehmen kann.\nDie Alltagsgold GmbH aus Bamberg richtet sich vor allem an Familien und an Menschen in besonderen Lebensphasen.\n\nHxCode hat für Alltagsgold den Server, die Editoren für Fotobücher und Kalender, die Bestellabwicklung sowie Betrieb und Wartung der Cloud-Infrastruktur übernommen.\nDie mobilen Apps für iOS und Android greifen auf dieselbe Schnittstelle zu.\n\nRund 2.000 Nutzer verwalten auf der Plattform inzwischen knapp 200.000 Fotos.\n\n### Fotobuch-Editor\n\nAus den Einträgen eines Logbuchs entsteht automatisch ein Fotobuch, das sich Seite für Seite anpassen lässt: über 20 Seitenlayouts, auch randlos mit Text über dem Foto, dazu Schrift und Farben.\nEinträge lassen sich per Drag & Drop umsortieren, eine Druckvorschau zeigt das fertige Buch.\nGedruckt wird in 21 × 21 oder 29 × 29 cm.\n\n### Kalender-Editor\n\nAus ihren Lieblingsfotos gestalten Nutzer einen Wandkalender in A4 oder A5 – mit Titelseite, einem Fotoraster für jeden Monat und Blättern wahlweise randlos.\n\n### Auch auf dem Smartphone\n\nBeide Editoren sind für kleine Bildschirme eigens gestaltet statt nur verkleinert: mit Werkzeugleiste, Tab-Leiste und Bedienfeldern, die von unten einfahren.\n\n### Druck und Bestellung\n\nEin eigener PDF-Dienst erzeugt die Druckdaten.\nEditor, Server und PDF-Dienst teilen sich einen gemeinsamen Layout-Vertrag, sodass das gedruckte Buch genau dem entspricht, was im Editor gestaltet wurde.\nBestellt und gedruckt wird über den Print-on-Demand-Dienst Peecho, der den Bestellstatus per Webhook zurückmeldet.\n\n### Datenschutz und Zuverlässigkeit\n\nLogbücher enthalten private Erinnerungen, entsprechend ist der Betrieb auf Datenschutz ausgelegt.\nDaten und Fotos liegen auf Servern in Deutschland, jeder Zugriff wird gegen den angemeldeten Nutzer geprüft, und Fotos sind nur über kurzlebige, signierte Links abrufbar.\nEs gibt keine Werbung und keine automatische Auswahl per KI.\nFür Zuverlässigkeit sorgen ein mehrstufiges Backup und ein laufendes Monitoring der Plattform.\n\n### Technik\n\nDer Server basiert auf NestJS mit PostgreSQL und Drizzle ORM, die Anmeldung auf better-auth.\nFotos werden beim Hochladen in WebP umgewandelt und im S3-kompatiblen Hetzner Object Storage abgelegt.\nDie Editoren sind mit Vue 3, Pinia und Nuxt UI gebaut, der PDF-Dienst mit Bun und PDFKit.\nAlles läuft in Docker-Containern in der Hetzner Cloud, die Images baut GitHub Actions.\n","Alltagsgold GmbH","2025–2026","Backend, Editoren & Betrieb",[63,66,69,72],{"imageSrc":64,"header":65},"\u002Fimages\u002Freferences\u002Falltagsgold\u002Falltagsgold-1.jpg","Fotobuch-Editor",{"imageSrc":67,"header":68},"\u002Fimages\u002Freferences\u002Falltagsgold\u002Falltagsgold-2.jpg","Editor auf dem Smartphone",{"imageSrc":70,"header":71},"\u002Fimages\u002Freferences\u002Falltagsgold\u002Falltagsgold-3.jpg","Gedruckte Fotobücher",{"imageSrc":73,"header":74},"\u002Fimages\u002Freferences\u002Falltagsgold\u002Falltagsgold-4.jpg","Kalender-Editor",[76,77,78,79,43,44,45,80,81,82,46],"Fotobuch","Kalender","Editor","Vue 3","PDF","Peecho","Hetzner Cloud",{"key":84,"headline":85,"title":86,"description":87,"seo":88,"align":19,"image":91,"text":92,"client":93,"year":94,"service":95,"headerImage":91,"sliderImages":96,"keywords":107,"testimonial":115},"demonstrator_app","Webapplication","Demonstrator-App für Routenplanung","Für das Startup CloverOpt entwickelte unsere Agentur HxCode eine Demonstrator-Web-App zur Touren- und Beladungsplanung, die komplexe Algorithmen durch 3D-Ansichten, Gantt-Diagramme und Tabellen anschaulich und benutzerfreundlich visualisiert.",{"title":89,"description":90},"Innovative Demonstrator-App für Routenplanung - Erfolgsgeschichte von HxCode\"","Erfahren Sie, wie HxCode eine leistungsstarke Demonstrator-Web-App für das Startup CloverOpt entwickelte. Diese App visualisiert komplexe Algorithmen zur Touren- und Beladungsplanung durch 3D-Ansichten, Gantt-Diagramme und interaktive Dashboards. Entdecken Sie, wie wir benutzerfreundliche Softwarelösungen erstellen, die Ihre Geschäftsprozesse optimieren.","\u002Fimages\u002Freferences\u002Fdemonstrator\u002Fcloveropt-4.jpg","Unser Kunde, das innovative Startup CloverOpt, spezialisiert sich auf die Entwicklung fortschrittlicher Algorithmen für die Touren- und Beladungsplanung.\nIhre Vision war es, eine Demonstrator-App zu entwickeln, um die Leistungsfähigkeit ihrer Algorithmen eindrucksvoll zu präsentieren.\nDas Team von HxCode nahm diese Herausforderung an und konzipierte eine benutzerfreundliche Web-Applikation, die nicht nur funktional, sondern auch visuell ansprechend ist.\n\nDie Hauptaufgabe bestand darin, komplexe Berechnungen und Daten in einer intuitiven und leicht verständlichen Form darzustellen.\nWir erreichten dies durch die Implementierung verschiedener Darstellungsformen: Eine 3D-Ansicht ermöglichte es den Nutzern, die Beladungsvorgänge realitätsnah zu visualisieren.\nGantt-Diagramme wurden eingesetzt, um Zeitpläne übersichtlich zu gestalten, und Tabellen dienten der Darstellung der Eingangsdaten.\n\nEin besonderes Augenmerk legten wir auf die Benutzererfahrung.\nDas resultierende Dashboard bietet nicht nur eine Gesamtansicht aller relevanten Informationen, sondern auch Detailansichten, die tiefere Einblicke in spezifische Aspekte der Touren- und Beladungsplanung ermöglichen.\n\nIn Zusammenarbeit mit CloverOpt haben wir eine Lösung geschaffen, die die Brücke zwischen komplexer Datenverarbeitung und Benutzerfreundlichkeit schlägt.\nDieses Projekt ist ein Paradebeispiel dafür, wie technologische Kompetenz und kreatives Design zu einer effektiven und effizienten Anwendung führen können.\n","Clover Optimization",2023,"Webapplikation",[97,100,102,105],{"imageSrc":98,"header":99},"\u002Fimages\u002Freferences\u002Fdemonstrator\u002Fcloveropt-1.jpg","3D Beladeplan",{"imageSrc":101,"header":36},"\u002Fimages\u002Freferences\u002Fdemonstrator\u002Fcloveropt-2.jpg",{"imageSrc":103,"header":104},"\u002Fimages\u002Freferences\u002Fdemonstrator\u002Fcloveropt-3.jpg","Zeitpläne",{"imageSrc":91,"header":106},"Kartenübersicht",[95,108,109,110,111,112,113,114],"UI","Vue3","Nuxt3","3D","TailwindCSS","Map","Gantt",{"quote":116,"name":117,"description":118,"image":119},"Unsere Kooperation mit HxCode war ein entscheidender Meilenstein in der Entwicklung unserer Demonstrator-App.\n\nWas mich besonders beeindruckt hat, war die agile und professionelle Herangehensweise ihres Teams.\nSie haben nicht nur unsere Vorstellungen perfekt umgesetzt, sondern auch mit kreativen Ideen und schnellen Lösungen maßgeblich zum Erfolg unseres Projekts beigetragen.\n\nWir freuen uns sehr darauf, dieses innovative Produkt unseren Kunden präsentieren zu können.\n","Dr. Leopold Kuttner","CoFounder von Clover Optimization","\u002Fimages\u002Freferences\u002Fdemonstrator\u002Fleopold_kuttner.jpeg",{"key":121,"headline":122,"title":123,"description":124,"seo":125,"align":56,"image":128,"text":129,"client":130,"year":131,"service":132,"headerImage":128,"sliderImages":133,"keywords":147,"testimonial":155},"conference_system_forms","Fullstack-Application","Umfrageformulare für Konferenzsystem","In Zusammenarbeit mit unserem Kunden CSN GmbH entstand ein fortschrittliches Online-Konferenzsystem, das um ein Umfragesystem mit intuitivem Editor und vielfaltigen Auswertungsoptionen erweitert werden sollte.",{"title":126,"description":127},"Innovatives Umfragesystem für Online-Konferenzen - Erfolgsgeschichte von HxCode und CSN GmbH","Erfahren Sie, wie HxCode ein fortschrittliches Umfragesystem für die CSN GmbH entwickelte. Mit einem intuitiven Editor, vielfaltigen Auswertungsoptionen und der Fähigkeit, individuelle PDF-Zertifikate zu erstellen, optimiert dieses System Online-Konferenzen. Entdecken Sie, wie unsere maßgeschneiderten Softwarelösungen die Interaktion und Effizienz Ihrer Veranstaltungen verbessern können.","\u002Fimages\u002Freferences\u002Fconference\u002Fconference-3.jpg","Unsere Software-Agentur HxCode, hat in enger Zusammenarbeit mit der CSN GmbH über mehrere Jahre hinweg ein innovatives Projekt im Bereich Online-Konferenzsysteme erfolgreich umsetzen können.\nDiese langjährige Partnerschaft führte zur Entwicklung eines Online-Konferenzsystems, das mit einer Vielzahl an Zusatzdiensten ausgestattet ist und somit die Anforderungen moderner Kommunikationstechnologien erfüllt.\n\nIn diesem Projekt stand die Entwicklung eines innovativen Umfragesystems an, das speziell auf die Bedürfnisse von Konferenzteilnehmern zugeschnitten ist.\nEin zentrales Element dieses Systems ist ein intuitiver Editor, der es den Nutzern ermöglicht, Umfragen mit verschiedenen Fragetypen einfach und effizient zu erstellen.\n\nEin weiterer wichtiger Aspekt des Projekts war die Entwicklung einer ansprechenden und informativen Auswertungsfunktion.\nDiese ermöglicht es, die Ergebnisse der Umfragen in verschiedenen Diagrammtypen darzustellen, wodurch komplexe Daten visuell ansprechend und leicht verständlich aufbereitet werden können.\n\nEin besonders anspruchsvolles Feature des Systems ist die Erstellung und der Versand individueller PDF-Zertifikate für jeden Teilnehmer.\nZum einen können die Kunden die Zertifikate selbst im eigenen Corporate-Design gestalten und zum anderen werden die Zertifikate mit den Daten eines jeden Teilnehmers automatisch generiert.\n\nDas entwickelte System hat seine Leistungsfähigkeit und Zuverlässigkeit in Konferenzen mit mehreren tausend Teilnehmern unter Beweis gestellt.\nDie robuste Architektur und die benutzerfreundliche Oberfläche haben dabei eine zentrale Rolle gespielt, um die Anforderungen solch großer Veranstaltungen zu bewältigen.\n","CSN GmbH","2022","App-Entwicklung (Fullstack)",[134,138,141,144],{"imageSrc":135,"header":136,"imageStyle":137},"\u002Fimages\u002Freferences\u002Fconference\u002Fconference-1.png","Übersicht","background-color: #2a7488",{"imageSrc":139,"header":140},"\u002Fimages\u002Freferences\u002Fconference\u002Fconference-2.jpg","Teilnehmeransicht",{"imageSrc":142,"header":143,"imageStyle":137},"\u002Fimages\u002Freferences\u002Fconference\u002Fconference-4.png","Bearbeitung",{"imageSrc":128,"header":145,"textStyle":146},"Auswertung","background-color: #84848491; padding: 2px 10px; border-radius: 8px",[148,149,150,151,152,153,154],"Web-App","Vue","Bootstrap","Server","PDF-Report","Java","HTML-Mail",{"quote":156,"name":157,"description":158,"image":159},"In unserer langjährigen Zusammenarbeit mit HxCode haben wir stets auf ihre Expertise und Zuverlässigkeit setzen können.\nSie haben bewiesen, dass sie komplexe technologische Herausforderungen, besonders in Echtzeit-Szenarien von Online-Konferenzen, meistern können.\n\nDas von HxCode entwickelte Umfragesystem ist ein Paradebeispiel dafür, wie Technologie eingesetzt werden kann, um die Interaktion und das Erlebnis bei Online-Veranstaltungen zu bereichern.\n\nWir schätzen die Professionalität und das Engagement von HxCode sehr und freuen uns auf die Fortsetzung unserer erfolgreichen Partnerschaft.\n","Jonas May","CEO of CSN GmbH","\u002Fimages\u002Freferences\u002Fconference\u002Fjonas_may.jpg",{"key":161,"headline":108,"title":162,"description":163,"seo":164,"align":19,"image":167,"text":168,"client":169,"year":170,"service":171,"headerImage":167,"sliderImages":172,"keywords":180},"museum_app","Museums-App","UI für eine innovative Museums-App, entwickelt für die ägyptische Ausstellung in Berlin.",{"title":165,"description":166},"Interaktive App als UI-Entwurf - Erfolgsgeschichte von HxCode","Entdecken Sie, wie HxCode die UI für eine innovative Museum-App entwickelt hat, die Besuchern ein interaktives und digitales Erlebnis bietet. Diese App ermöglicht virtuelle Rundgänge, detaillierte Kunstwerk-Informationen und interaktive Funktionen, die das Engagement der Besucher erhöhen. Erfahren Sie, wie unsere maßgeschneiderten Softwarelösungen Kulturinstitutionen dabei helfen, ihre Ausstellungen digital zu erweitern.","\u002Fimages\u002Freferences\u002Fmuseum\u002Felephantine-1.jpg","In dieser Referenz präsentieren wir den UI-Entwurf für eine innovative Museums-App, entwickelt für die ägyptische Ausstellung in Berlin.\n\nDiese App zeichnet sich durch ein dunkles Design aus, das den Lichtverhältnissen der Ausstellung angepasst ist, und bietet ein\neinzigartiges Nutzererlebnis durch Augmented Reality (AR) Funktionen. Besucher können Ausstellungsstücke scannen, um interaktive Inhalte\nwie historische Informationen und 3D-Rekonstruktionen zu erhalten.\n\nEine integrierte Karte erleichtert die Navigation durch die Ausstellungsräume.\n\nEin besonderes Highlight ist das Übersetzungswerkzeug für ägyptische Hieroglyphen, welches das Verständnis und die Interaktion mit den\nAusstellungsinhalten revolutioniert.\n","","2023","UI-Entwurf",[173,174,177],{"imageSrc":167},{"imageSrc":175,"header":176},"\u002Fimages\u002Freferences\u002Fmuseum\u002Felephantine-2.jpg","Objekte & Navigation",{"imageSrc":178,"header":179},"\u002Fimages\u002Freferences\u002Fmuseum\u002Felephantine-3.jpg","3D-Ansicht & Details",[108,181,182,183],"Design","Mobile App","Figma",{"key":185,"headline":85,"title":186,"description":187,"web":188,"seo":189,"align":56,"image":192,"text":193,"client":169,"year":131,"service":95,"headerImage":192,"sliderImages":194,"keywords":204},"people","People-In-Dresden","Für das Projekt People-In-Dresden haben wir eine Webapplikation entwickelt, die alle Interviews und Fotos interaktiv aufbereit hat. HxCode hat dabei das Konzept, UI-Entwurf und die Umsetzung übernommen.","https:\u002F\u002Fpeopleindresden.de\u002F",{"title":190,"description":191},"Webapplikation mit Nuxt für People-In-Dresden - Erfolgsgeschichte von HxCode","Erfahren Sie, wie HxCode eine Webapplikation mit Nuxt für das Projekt People-In-Dresden entwickelt hat. Diese App präsentiert Interviews und Fotos interaktiv und bietet Filterfunktionen für eine einfache Navigation. Entdecken Sie, wie unsere maßgeschneiderten Softwarelösungen die Vielfalt von Dresden digital abbilden und erlebbar machen.","\u002Fimages\u002Freferences\u002Fpeople\u002Fpeople-1.jpg","People-In-Dresden startete als Facebook-Initiative und hatte sich die Aufgabe gestellt jeden Tag ein Interview \u002F Story aus Dresden zu veröffentlichen.\nNach dem Vorbild von Humans of New York, sollte das Projekt Menschen in Dresden eine Plattform bieten, um ihre Geschichten zu erzählen und die Vielfalt der Stadt zu präsentieren.\n\nDie umfangreiche Sammlung von Interviews und Fotos sollte in einer Webapplikation präsentiert werden, die es den Nutzern ermöglicht, die Inhalte auf vielfältige Weise zu entdecken und zu durchsuchen.\nHxCode hat dabei das Konzept, UI-Entwurf und die Umsetzung übernommen.\n\n### Webapplikation\n\nEine moderne Webapplikation zur Präsentation und Verwaltung von Interview & Fotos.\n\n### Masonry-Layout\n\nNutzung eines Masonry-Layouts (versetzte Spaltenanordnung mit endless scrolling) für eine dynamische und moderne Darstellung der Inhalte.\n\n### Nuxt-Webframework\n\nImplementierung auf Basis des Nuxt-Frameworks für eine performante und SEO-freundliche Applikation.\n\n### Mehrsprachigkeit\n\nUnterstützung mehrerer Sprachen, um eine breite Zielgruppe zu erreichen.\n\n### Filterfunktion\n\nEinfache Filtermöglichkeiten zur schnellen Navigation und Auffindbarkeit von Interviews.\n\n### Datenübertragung aus Facebook\n\nAutomatische Übertragung und Integration von Daten aus Facebook, um den Verwaltungsaufwand zu minimieren und stets aktuelle Informationen bereitzustellen.\n\n### Interaktives Archiv\n\nDie Webapplikation dient als interaktives Archiv, das alle Interviews (in Deutsch und Englisch) und Fotos enthaltet, die im Rahmen des Projekts durchgeführt wurden.\n",[195,196,198,201],{"imageSrc":192},{"imageSrc":197,"header":136},"\u002Fimages\u002Freferences\u002Fpeople\u002Fpeople-2.jpg",{"imageSrc":199,"header":200},"\u002Fimages\u002Freferences\u002Fpeople\u002Fpeople-3.jpg","Detailansicht",{"imageSrc":202,"header":203},"\u002Fimages\u002Freferences\u002Fpeople\u002Fpeople-4.jpg","Responsive Design",[95,108,181,205,183],"Vuejs",{},"references","gn2Q8OxyC4AxXgbwtHoeJYnUtpURJAkhnq_35Ber5Mw",{"data":210,"body":211},{},{"type":212,"children":213},"root",[214,222,227,232,239,244,250,255,261,266,272,277,283,288,294],{"type":215,"tag":216,"props":217,"children":218},"element","p",{},[219],{"type":220,"value":221},"text","HxRoom ist ein eigenes SaaS-Produkt von HxCode: eine Plattform für Coachs, die Terminbuchung und Videocall in einem Werkzeug verbindet.\nStatt Calendly für die Buchung und Zoom für das Gespräch bekommen Coachs einen durchgängigen digitalen Empfang unter ihrem eigenen Namen – von der Buchung bis zum Ende der Sitzung.",{"type":215,"tag":216,"props":223,"children":224},{},[225],{"type":220,"value":226},"Den Anstoß gab eine einfache Beobachtung: Coachs verkaufen Vertrauen, und Vertrauen beginnt beim ersten Eindruck.\nEin Zoom-Link mit Anmeldung, App-Download und der Optik eines Firmen-Meetings passt nicht dazu.\nKlienten sollen ohne Konto und ohne Installation in ein ruhiges Gespräch kommen – direkt im Browser.",{"type":215,"tag":216,"props":228,"children":229},{},[230],{"type":220,"value":231},"HxCode hat HxRoom vollständig selbst umgesetzt: Produktidee, Konzept, UI-Design, Entwicklung von Frontend und Backend sowie Hosting und Betrieb.\nDie Plattform ist live und befindet sich in der Beta.",{"type":215,"tag":233,"props":234,"children":236},"h3",{"id":235},"buchungsseite-unter-eigenem-namen",[237],{"type":220,"value":238},"Buchungsseite unter eigenem Namen",{"type":215,"tag":216,"props":240,"children":241},{},[242],{"type":220,"value":243},"Jeder Coach erhält eine eigene Buchungsseite unter einer Subdomain mit Foto, Sitzungsangeboten und Impressum.\nDie freien Zeiten ergeben sich aus der hinterlegten Verfügbarkeit und werden mit dem Kalender des Coachs abgeglichen, etwa Google, Outlook oder iCloud.",{"type":215,"tag":233,"props":245,"children":247},{"id":246},"bestätigung-und-erinnerungen-per-mail",[248],{"type":220,"value":249},"Bestätigung und Erinnerungen per Mail",{"type":215,"tag":216,"props":251,"children":252},{},[253],{"type":220,"value":254},"Klienten bestätigen ihre Buchung per Mail und erhalten Kalendereintrag und Link zum Gespräch.\n24 Stunden und eine Stunde vor dem Termin erinnert HxRoom automatisch.",{"type":215,"tag":233,"props":256,"children":258},{"id":257},"warteraum-und-videocall-im-browser",[259],{"type":220,"value":260},"Warteraum und Videocall im Browser",{"type":215,"tag":216,"props":262,"children":263},{},[264],{"type":220,"value":265},"Ein Klick auf den Link führt in den Warteraum des Coachs, wo Klienten Kamera und Mikrofon vorab in Ruhe prüfen.\nDer Coach sieht sofort, wer wartet, und lässt den Klienten herein.\nDas Gespräch läuft über WebRTC auf einem selbst betriebenen Videoserver.",{"type":215,"tag":233,"props":267,"children":269},{"id":268},"werkzeuge-für-den-coach",[270],{"type":220,"value":271},"Werkzeuge für den Coach",{"type":215,"tag":216,"props":273,"children":274},{},[275],{"type":220,"value":276},"Während des Gesprächs schreibt der Coach private Notizen mit, die beim Termin und beim Klienten gespeichert bleiben.\nChat und Dateiaustausch kommen ohne Wechsel des Fensters dazu.\nIm Dashboard verwaltet der Coach Termine, Klienten, Sitzungsangebote und Verfügbarkeiten.",{"type":215,"tag":233,"props":278,"children":280},{"id":279},"datenschutz-und-hosting-in-deutschland",[281],{"type":220,"value":282},"Datenschutz und Hosting in Deutschland",{"type":215,"tag":216,"props":284,"children":285},{},[286],{"type":220,"value":287},"Anwendung, Datenbank und Videoserver laufen auf Servern in Deutschland.\nKlienten brauchen kein Konto, und der Datenschutz nach DSGVO war von Anfang an Teil der Architektur.",{"type":215,"tag":233,"props":289,"children":291},{"id":290},"technik",[292],{"type":220,"value":293},"Technik",{"type":215,"tag":216,"props":295,"children":296},{},[297],{"type":220,"value":298},"Das Backend basiert auf NestJS mit PostgreSQL und Drizzle ORM, die Anmeldung auf better-auth.\nDie Oberflächen sind mit Nuxt 4, Vue 3 und Nuxt UI gebaut und teilen sich in einem pnpm-Monorepo ein gemeinsames Design-System.\nDie Videokonferenz läuft über einen selbst gehosteten LiveKit-Server, ausgeliefert wird alles per Docker Compose.",1794594795792]