Adam Baranyi
EN
Adam Baranyi

Adam BaranyiJunior Fullstack-Softwareentwickler in Luzern

React · Next.js · TypeScript · Node.js · PostgreSQL – schnelle, zugängliche und produktionsnahe Webanwendungen

Projekte ansehenKontakt
Szene 01

Tallyroom

B2B-Dashboard & Kundenportal

Live-DemoFallstudieCode auf GitHub

Tallyroom-Dashboard mit monatlichem Vertragswert, aktiven Kunden und einem Diagramm der letzten sechs MonateKundenseite von Alpenblick Studio mit Kontaktdaten, interner Notiz und ProjektlisteListe der Serviceanfragen mit Status, Priorität und ZuständigkeitDokumentenliste mit den Markierungen «Im Portal sichtbar» und «Nur intern»Kundenportal von Seeblick Digital mit eigenen Projekten und offenen Anfragen

Kennzahlen mit klarer Regel. Der monatliche Vertragswert zählt nur bestätigte, laufende Verträge mit der letzten Preisversion vor dem Stichtag. Tests prüfen die Zahl selbst, nicht nur die Form der Antwort.

Alles zu einem Kunden an einem Ort. Kontaktdaten, Projekte, Verträge, Anfragen und Unterlagen gebündelt. Interne Notizen sieht nur das Team.

Anfragen mit Status und Zuständigkeit. Serviceanfragen aller Kunden in einer Liste: Priorität, Status, wer zuständig ist und wann zuletzt etwas passiert ist.

Freigeben ist eine Handlung. Dokumente bleiben intern, bis jemand sie freigibt. Dateien liegen in einem privaten Speicher und sind nur über die geschützte API erreichbar.

Der Kunde sieht nur, was ihn betrifft. Das Kundenportal hat eine eigene Datenschicht ohne interne Felder. 16 Integrationstests sichern die Trennung, und fremde Objekte antworten mit 404 statt 403.

  1. OberflächeReact und TypeScript, vier Sprachen, hell und dunkel
  2. Kundenportaleigene Datenschicht ohne interne Felder, 16 Integrationstests
  3. APIExpress mit Rollenrechten, fremde Objekte antworten mit 404
  4. DatenbankPostgreSQL, jeder Kunde nur mit seinen Daten
  5. BetriebDocker auf eigenem Server, nächtliche Sicherung, geprobte Wiederherstellung

Dashboard mit Kundenportal für kleine Digitalagenturen, in vier Sprachen. Live, mit einer eigenen Demo für jeden Besucher; die Daten sind erfunden und werden nach 60 Minuten gelöscht.

Stack
React, TypeScript, Express, PostgreSQL, Docker
Tests
276 Unit- und Integrationstests; die Integrationstests sichern Rollenrechte und dass kein Kunde fremde Daten sieht
Prüfung
Playwright prüft in sechs Bildschirmbreiten Barrierefreiheit (axe, hell und dunkel), vier Sprachen und Tastaturbedienung; VoiceOver und NVDA laufen echt in der CI
Betrieb
Läuft mit Docker auf eigenem Server, mit nächtlicher Sicherung und geprobter Wiederherstellung
Leistung
Lighthouse live: mobil 99, Desktop 100

Zahlen aus der Fallstudie, Stand 22. September 2026

Szene 02

Evidarium

Wissensassistent mit nachprüfbaren Quellen

Live-DemoFallstudieCode auf GitHub

Startseite von Evidarium: dunkle Arbeitsfläche mit einem Fenster und einer Beispielantwort; der Hintergrund leuchtet in der Farbe des UrteilsAntwort mit dem Urteil «Widerspruch zwischen Quellen»: zwei Blätter nebeneinander, 30 gegen 90 Tage, beide mit eigenem ZitatGeöffneter Beleg: Abschnitt aus Backup_Richtlinie_A.pdf, Seite 2, das zitierte Stück ist hervorgehoben

Nachprüfbar statt unfehlbar. Jede Aussage trägt ein wörtliches Zitat, ein Klick öffnet die Stelle im Originaldokument. Findet die Suche keine Grundlage, sagt die Anwendung das, statt etwas zu erfinden.

Widersprüche werden gezeigt, nicht aufgelöst. Widersprechen sich zwei Dokumente, nennt die Antwort beide mit eigenem Zitat, hier 30 gegen 90 Tage. Welche Regel gilt, steht nicht in den Dokumenten, darum entscheidet die Anwendung das auch nicht.

Der Beleg steht bei der Aussage. Ein Klick öffnet den ganzen Abschnitt mit markiertem Zitat. Vorher prüft der Server, dass jedes Zitat wörtlich im Abschnitt steht; was die Prüfung nicht besteht, wird nicht angezeigt.

  1. OberflächeNext.js, Antworten mit wörtlichen Zitaten, vier Sprachen
  2. Prüfungjedes Zitat muss wörtlich im Abschnitt stehen, sonst wird es nicht gezeigt
  3. SucheEmbeddings und Volltextsuche, lokal auf dem eigenen Server
  4. DatenbankPostgreSQL mit pgvector
  5. ModellAnthropic API, 12 von 12 Prüffällen bestanden

RAG-Wissensassistent für eigene Dokumente: hochladen, fragen und Antworten mit Belegen erhalten, die sich im Originaldokument öffnen lassen. Live mit echtem Sprachmodell; die Demo läuft ohne Anmeldung mit Dokumenten einer erfundenen Firma.

Stack
Next.js, TypeScript, PostgreSQL, pgvector, Anthropic API
Prüfung
12 von 12 Prüffällen bestanden, mit echtem Modell
Tests
Automatische Tests für Quellenprüfung, Fehlerzustände und Responsive-Verhalten
Betrieb
Embeddings und Suche lokal auf dem eigenen Server
Sprachen
In vier Sprachen: DE, FR, IT, EN

Zahlen aus der Fallstudie, Stand 23. September 2026

Szene 03

Hundebüechli

Offline-App für iPhone und Android

Code auf GitHub

«Als Nächstes» in Hundebüechli: überfälliger Zeckenschutz und eine Tablette, beide mit einem Stempel als erledigt markiertHundeprofil von Bäri, Whippet, mit Foto, Chipnummer und TierarztpraxisGewichtskurve von Mila, zuletzt 21.1 kg

Was heute ansteht. Über alle Hunde. Ein Tipp aufs Feld stempelt: Der überfällige Zeckenschutz ist erledigt, die Tablette um 8 Uhr gegeben.

Bäri auf einen Blick. Chipnummer zum Kopieren, die Tierarztpraxis mit einem Tipp am Telefon.

Milas Gewicht. Seit sie aus dem Tierschutz kam, als Kurve oder Tabelle, ohne Bewertung.

  1. AppExpo und React Native für iPhone und Android
  2. ErinnerungenFälligkeiten als Mitteilung auf dem Sperrbildschirm
  3. DatenSQLite mit Drizzle, nur auf dem Gerät
  4. Teilendrei PDFs, ohne Server

In Arbeit · gebaut, jetzt im Test

Hundebüechli ist eine App für iPhone und Android, gebaut mit Expo und React Native: Impfungen, Entwurmung, Zeckenschutz und Tierarztbesuche mit Fälligkeiten, Erinnerungen auf dem Sperrbildschirm, Medikamente, Gewicht, Tagebuch und drei PDFs zum Teilen. Sie funktioniert ganz ohne Netz und ohne Konto; alle Daten bleiben auf dem Gerät.

Stack
Expo, React Native, TypeScript, SQLite, Drizzle
Tests
295 Jest-Tests, dazu Cross-Browser-Checks in Chromium, Safari und Firefox
Daten
Offline, ohne Server und ohne Konto
Geprüft
Auf dem iPhone: Hundeprofil, Gesundheitseinträge, «Als Nächstes» und Erinnerungen
Barrierefrei
Grosse Systemschrift, VoiceOver, dunkler Modus

Zahlen aus dem Repository, Stand 23. September 2026

Als Nächstes: weitere Tests auf dem iPhone, die Web-Vorschau zum Ausprobieren und die signierte Android-App als Release auf GitHub, danach zwei Wochen Alltag mit meinen eigenen zwei Whippets.

Bäri und Mila sind erfundene Beispielhunde; die Fotos stehen unter CC0 (Wikimedia Commons).

Szene 04

KI-Inventar

Verzeichnis der KI-Werkzeuge für Schweizer KMU

Live-DemoCode auf GitHub

Übersicht der erfundenen Muster Treuhand AG: 5 von 40 Prüfpunkten erledigt, die nächsten drei, sieben Werkzeuge mit ihren offenen Punkten und die Fristen, Offenes in Leuchtstift-GelbPrüfpunkte über alle Werkzeuge, das Dringende zuerst: acht mit hoher Dringlichkeit wie «Automatisierte Entscheidungen offenlegen» und «Vertrag zur Auftragsbearbeitung abschliessen», je mit ihrem WerkzeugFristen: revidiertes Datenschutzgesetz seit 1. September 2023 sowie Verbote und KI-Kompetenz seit 2. Februar 2025, je mit «Betrifft» und Quelle

Sieben Werkzeuge, 35 offene Punkte. Das Beispiel einer erfundenen Treuhandfirma: Was offen ist, ist mit Leuchtstift markiert.

Das Dringende zuerst. Jeder Prüfpunkt nennt Grund und Gesetzesstelle und lässt sich erledigen oder begründet ausschliessen.

Wann was gilt. Die Fristen der KI-Verordnung und des Datenschutzgesetzes, mit dem Hinweis, wann sie ein Schweizer Unternehmen betreffen.

  1. OberflächeAngular mit Signals, ohne UI-Bibliothek
  2. Regeln14 reine Funktionen, jede mit Gesetzesstelle
  3. Speichernur im Browser, Sicherung als JSON und CSV
  4. Sicherheitstrenge Content Security Policy, keine Netzaufrufe

Ein kostenloses Verzeichnis der KI-Werkzeuge einer Firma: Jedes Werkzeug wird mit zehn Fragen erfasst, mit Vorschlägen für ChatGPT, Copilot, Claude, Gemini und DeepL. Aus den Antworten entstehen Prüfpunkte mit Grund und Gesetzesstelle nach dem Datenschutzgesetz und der EU-KI-Verordnung, ein Entwurf des Bearbeitungsverzeichnisses und Termine für die jährliche Überprüfung. Alles bleibt im Browser: kein Konto, kein Server, keine Übermittlung. Keine Rechtsberatung.

Stack
Angular, TypeScript, Zod, Vitest, Playwright
Regeln
14 Regeln als reine Funktionen, 152 Unit-Tests: Jede Regel greift, wo sie soll, und nur dort
Prüfung
138 Browser-Tests in drei Breiten, dazu 92 in WebKit und Firefox: axe, keine Schrift unter 16 px, kein Querscrollen
Sabotage
77 absichtlich eingebaute Fehler, jeder macht einen Test rot
Sicherheit
Strenge Content Security Policy, keine Anfrage an fremde Server; auf meinem eigenen Server mit HSTS und Sicherheits-Kopfzeilen

Zahlen aus dem Repository, Stand 13. Oktober 2026

Projekte aus der Weiterbildung

Vier Übungsprojekte aus meiner Weiterbildung zum Fullstack-Entwickler, das neueste zuerst.

Projekte anzeigenProjekte ausblenden
  • Startseite der Poll App mit dem Titel «Collect Feedback, Unlock Ideas» und einer Illustration

    Poll App

    Umfragen erstellen, beantworten und die Ergebnisse live mitverfolgen, ohne Anmeldung, nach einem Figma-Entwurf.

    Gelernt: Angular mit Signals und Reactive Forms, Daten in Supabase mit Zugriffsregeln in der Datenbank und Live-Ergebnissen über Realtime.

    Angular, TypeScript, SCSS, Supabase

    Live ansehenCode auf GitHub
  • Memory-Spielfeld mit zwei aufgedeckten Karten

    Memory App

    Memory-Spiel im Browser mit wählbaren Themen, Spielerzahl und Spielfeldern von 4 × 4 bis 6 × 6, nach einem Figma-Entwurf.

    Gelernt: ohne Framework sauber aufteilen: TypeScript mit getrennten Vorlagen und Logik, höchstens 14 Zeilen pro Funktion.

    TypeScript, SCSS, Vite, HTML

    Live ansehenCode auf GitHub
  • Startbildschirm von El Pollo Loco

    El Pollo Loco

    2D-Jump-and-Run im Browser mit drei Levels, Endgegner, Sound und Touch-Steuerung.

    Gelernt: objektorientiert programmieren, jede Figur ist eine eigene Klasse.

    JavaScript mit Klassen, HTML5 Canvas, CSS

    Live ansehenCode auf GitHub
  • Pokédex mit den Karten der ersten Pokémon

    Pokédex

    Suche, Typenfilter, Detailansicht und Entwicklungskette, Daten aus der PokeAPI.

    Gelernt: Daten aus einer fremden REST-API laden, zwischenspeichern und nachladen.

    JavaScript, HTML, CSS, PokeAPI

    Live ansehenCode auf GitHub

Wie ich arbeite

  1. Von der Anforderung bis zum Betrieb

    Ich baue Web-Anwendungen von der ersten Anforderung bis zum laufenden Betrieb: vorne mit React, Next.js und TypeScript, dahinter mit Node.js, REST-APIs, PostgreSQL und Docker.

  2. Verantwortung im Kundenprojekt

    In Kundenprojekten begleite ich Vorhaben von der Anforderungsanalyse über das MVP bis in den Betrieb. Oft bin ich dabei die zentrale technische Ansprechperson.

  3. Qualität, die man nachprüfen kann

    Eine Anwendung soll nicht nur laufen, sondern nachweisbar gut sein: getestet, schnell, barrierefrei und sicher. Zuletzt habe ich mich vor allem in KI-Anwendungen mit RAG vertieft.

  4. Claude Code täglich, die Führung bei mir

    Im Beruf und in eigenen Projekten ist Claude Code mein tägliches Werkzeug. In eigenen Projekten lege ich Architektur, Umfang und Qualitätsregeln fest, in Kundenprojekten stimme ich sie mit dem Team ab. Jeden Stand prüfe ich selbst: mit Tests in der CI, im Browser und auf dem Handy. Zusätzlich baue ich gezielt Fehler ein, um zu prüfen, ob die Tests sie erkennen.

Meine Fähigkeiten

Kernstack hell und fett, Projekterfahrung gedämpft, Grundlagen / in Ausbildung kursiv.

Frontend
React Next.js TypeScript JavaScript HTML CSS Tailwind CSS three.js GSAP Vite shadcn/ui Angular
Backend und Daten
Node.js Express PostgreSQL Bun Drizzle Zod Supabase Firebase S3-Speicher
KI und RAG
Embeddings RAG und Vektorsuche Volltextsuche LLM-APIs Python
Betrieb
Docker Git GitHub Actions Ubuntu-Server Caddy GitLab CI
Qualität und Tests
Playwright Barrierefreiheit: semantisches HTML, axe, Tastatur und Screenreader Lighthouse / Core Web Vitals Vitest / Jest Cross-Browser-Tests

Mein Weg

Vor dem Computer sitze ich, seit ich ein Kind war. Zuerst nur zum Spielen. Mit der Zeit wollte ich wissen, was dahintersteckt: Wie baut man eine Webseite? Wie bringt man ein Spiel zum Laufen? Wie baut man eine App, die Leute gern benutzen? Diese Fragen haben mich nie losgelassen.

Mein Weg dorthin war nicht gerade. Nach einem Abschluss in der Gastronomie in Ungarn habe ich in Österreich und in der Schweiz in Hotels und Restaurants gearbeitet, danach fast fünf Jahre Lastwagen gefahren, am Ende mit einem neuen Lastwagen, den man mir anvertraut hat. Das hat mich geprägt: Verantwortung übernehmen, selbstständig arbeiten, Termine halten und verstehen, was andere brauchen.

Ende 2024 habe ich den Schritt gemacht: neben einer Vollzeitstelle als Paketzusteller die Weiterbildung zum Fullstack-Entwickler begonnen. Seit Mai 2025 arbeite ich als Junior-Softwareentwickler über den ganzen Stack, von der Anforderung bis zum Betrieb; die Weiterbildung läuft berufsbegleitend weiter. Am meisten Freude macht mir, jeden Tag etwas zu erschaffen, das Menschen und Firmen wirklich hilft – und dranzubleiben, bis es läuft.

  • Luzern, Schweiz
  • Softwareentwickler seit Mai 2025
  • Weiterbildung zum Fullstack-Entwickler, berufsbegleitend, seit 2024
  • Deutsch, Englisch, Ungarisch

Übrigens: Meine zwei Whippets heissen Jupiter und Kepler.

  1. Gastronomie
  2. Lastwagenfahrer
  3. Paketzusteller
  4. Weiterbildung Fullstack
  5. Junior-Softwareentwickler

Du möchtest mehr über meine Arbeit erfahren oder dich mit mir austauschen? Schreib mir – ich freue mich auf das Gespräch. Hinweis: Das Formular ist vorübergehend abgeschaltet, bis mein Hosting-Anbieter PHP wegen der Sicherheitslücke php2shell vom 21. Oktober 2026 aktualisiert hat. Bis dahin schreib mir bitte direkt an kontakt@adambaranyi.xyz.

kontakt@adambaranyi.xyz

LinkedInGitHub

Was mit deinen Angaben passiert, steht in der Datenschutzerklärung.