Frontend Entwickler
Über mich
- Frontend-Ingenieur mit Spezialisierung auf React, Next.js, Vue.js, Nuxt.js und TypeScript, mit einem starken Produktfokus bei der Entwicklung von performanten, zugänglichen und datenreichen Benutzeroberflächen.
- Mit Sitz in Berlin bringe ich nachgewiesene Erfahrung in der Bereitstellung von Funktionen für Anwendungen mit hohem Traffic mit, wobei mein Schwerpunkt auf der End-to-End-UI-Verantwortung und dem architektonischen Design liegt.
- Mein Hintergrund umfasst die Arbeit mit modernen Frameworks wie Nuxt sowie bedeutende Beiträge zu Open-Source-Projekten. Ich lege großen Wert auf sauberen Code und die Umsetzung komplexer Anforderungen in intuitive Benutzererlebnisse.
Mein Lebenslauf
Fähigkeiten
Haupt-Stack
Werkzeuge
Bibliotheken
Datenbanken
Wählen Sie Ihren Cowboy. Fahren Sie mit der Maus über eine Fähigkeit
?Erfahrung
- Kollaborativ: Direkte Zusammenarbeit mit dem Lead Engineer zur Pflege einer Live-Produktions-Next.js-PWA; Beitrag von über 5.000 Codezeilen, um als Top-5-Entwickler auf der Plattform zu ranken.
- Architekturfokussiert: Erstellung benutzerdefinierter Data-Fetching-Hooks und Implementierung einer erweiterten URL-Filter-Deserialisierung.
- Performance-optimiert: Isolierung und Behebung kritischer technischer Schulden, einschließlich der Behebung von endlosen API-Abrufen und Refactoring einer zentralen Debounce-Filterkomponente zur Steigerung der Plattformgeschwindigkeit.
- Qualitätsorientiert: Fehlerbehebung bei Authentifizierungs-Flows, Behebung von Edge-Case-Bugs bei der Suchergebnis-Filterung sowie Code-Reviews vor dem Staging- und Produktions-Deployment.
- Proaktiv: Bereitstellung einer leistungsstarken, SEO-optimierten Nuxt.js-App von Grund auf in weniger als zwei Wochen inklusive Headless-CMS-Integration und Fokus auf LCP-Optimierung.
- Flexibel: Implementierung einer Headless-CMS-Architektur mittels Sanity.io unter Verwendung von Groq-Queries zum Abrufen und Rendern dynamischer Inhalte bei gleichzeitiger Beibehaltung der Vorteile der statischen Seitengenerierung (SSG).
- Barrierefrei: Verwendung spezifischer Schriftarten für ältere Nutzer sowie Berücksichtigung weiterer WCAG-Anforderungen, was zu einem Score von 100 Punkten im Google Lighthouse Accessibility-Test führte.
- Businessorientiert: Entwicklung einer benutzerdefinierten serverseitigen Validierungslogik für das Lead-Gen-Formular, wodurch ungültige Geschäftsanfragen fast vollständig reduziert und die Lead-Qualität verbessert wurde.
- Entwicklung und Pflege der Frontend-Codebase für die e-Mission-App mittels Vue/Nuxt mit TypeScript und Pinia; Bereitstellung von qualitativ hochwertigem, wartbarem Code in einem funktionsübergreifenden Team.
- Leitung der Modernisierung des In-App-Videoplayers, einschließlich der Implementierung benutzerdefinierter UI-Features, die das Video-Engagement um 30 % steigerten.
- Neugestaltung des Prozesses zum Ausfüllen von benutzerdefinierten Zielformularen, um diesen für über 2.000 Nutzer intuitiver zu gestalten.
- Testen, Tracking und Implementierung von Google-Analytics-Tags zur Überwachung der User Experience für Nutzer aus Deutschland, Polen und China.
- Internet Archive (Mitwirkender): Entwicklung eines Dark-Mode-Features für eine Plattform mit mehr als 1.000.000 monatlichen Besuchern, Teilnahme an professionellen Code-Reviews und CI/CD-Workflows.
- Beiträge zu bedeutenden Open-Source-Projekten, einschließlich der Vue3-Dokumentation.
- Test Engineering: Nutzung von Jest, um eine Testabdeckung von 91 % über alle Kernfunktionen hinweg zu erreichen und Regressionen zu minimieren.
- Implementierung interaktiver Frontend-Dashboards und Datenvisualisierungen (z. B. Balkendiagramme, Streudiagramme, Liniendiagramme), um klare, handlungsrelevante Einblicke aus komplexen Datensätzen zu liefern.
- Beherrschung des MERN-Stacks und wöchentliche Arbeit an Full-Stack-Gruppenprojekten. Ausgewählt, um das Abschlussprojekt vor einem Publikum von 150 Personen zu präsentieren.
Projekte
OS Beiträge
- Refactor: Überarbeitet die Dashboard-Startseite für striktere authentifizierte Ansichten und bessere Lesbarkeit des Codes
- Fix: Passt den Agent-Hook an, um die neue Eigenschaft agentMembership zu akzeptieren
- Feature: Erstellt eine Kartenansicht für das Freiwilligen-Dashboard
- Feature: Erstellt eine Kartenansicht für das Einsatzmöglichkeiten-Dashboard
- Feature: Installiert das Leaflet-Paket und fügt eine Kartenkomponente hinzu
- Fix: Erzwingt ein erforderliches Zod-Feld für den Einsatztyp im Formular für neue Einsatzmöglichkeiten
- Auth: Ermöglicht Freiwilligen eine passive Ansicht ihres Bereichs für eingereichte Dokumente
- Auth: Ermöglicht Freiwilligen den Zugriff auf Profile von Einsatzmöglichkeiten
- Auth: Erstellt eine eigene Landingpage für das Freiwilligen-Dashboard
- Feature: Fügt Inline-Spaltenfilter zur Dashboard-Tabelle hinzu
- Feature: Ermöglicht Freiwilligen die einfache Anzeige ihres eigenen Profils im Dashboard
- Fix: Deserialisiert Match-Filter für Freiwillige ordnungsgemäß
- Feature: Führt einen neuen Registrierungsprozess für Freiwillige ein
- Feature: Fügt zwei neue Engagement-Typen zum NGO-Engagement-Feld hinzu
- Fix: Ersetzt das Operator-Textfeld durch eine obligatorische Autovervollständigung
- Feature: Ruft alle Einsatzmöglichkeiten mehrerer NGOs ab, die mit einem Agent-Benutzer verknüpft sind
- Feature: Enthält eine NGO-Auswahl beim Bearbeiten des Einsatzprofils
- Feature: Erstellt eine NGO-Auswahl für Agent-Benutzer, die eine neue Einsatzmöglichkeit erstellen
- UI: Fügt ein Karussell-UI für Agent-Benutzer mit mehreren NGO-Profilen hinzu
- Fix: Ersetzt den „Zurück zum Dashboard“-Button durch einen fest kodierten Link
- Feature: Ermöglicht NGOs, ihr eigenes Suchfeld für Freiwillige zu ändern
- Feature: Fügt eine Unmatch-Funktion für Freiwillige hinzu, die mit Einsatzmöglichkeiten verknüpft sind
- Fix: Stellt das fehlende Bezirksfeld im Agent-Profil wieder her
- Fix: Entfernt den Vorschlagen-Button, wenn ein Freiwilliger bereits gematcht wurde
- Fix: Ändert das Zod-Website-Feld auf optional
- Auth: Leitet Benutzer, die auf das alte Opportunity-Formular zugreifen, zum neuen Opportunity-Formular um
- UX: Entfernt die Schaltfläche 'Suggest', wenn der Freiwillige bereits mit dem Opportunity übereinstimmt
- Feature: Fügt ein Bestätigungsmodal für das Entkoppeln von Freiwilligen hinzu
- Fix: Zeigt den richtigen Distrikt-Titel für das eigene Profil der NGO an
- Fix: Entfernt erforderliches Feld für die Website der NGO
- Fix: Ermöglicht es NGO-Benutzern, ihr eigenes Profil zu bearbeiten
- Fix: Behebt das falsche Layout für den Login-Startbildschirm
- Fix: Fügt invalidierte Abfragen zum Abruf von NGO-Möglichkeiten ein
- Fix: Implementiert das korrekte Layout für das eigene Profil der NGO
- Auth: Entfernt das visuelle Feedback der Reaktionsfähigkeit für NGO-Benutzer
- Feature: Fügt dem eigenen Profil der NGO einen bearbeitbaren Titel hinzu
- Fix: Behebt das Autovervollständigungsmenü für die Benutzer-Tagging-Funktion
- Feature: Fügt PATCH-Hook zum Lesen von Benachrichtigungen für markierte Kommentare hinzu
- Feature: Fügt Filter für den Freiwilligen-Match-Status hinzu
- Feature: 'Passwort vergessen und zurücksetzen'-Funktion
- Auth: Benutzer umleiten, wenn nicht angemeldet
- Feature: Fügt Aktivitätsfilter für Freiwilligenlisten hinzu
- Auth: Koordinator-Kommentare aus der NGO-Ansicht auf deren Profil entfernen
- Fix: URL-Abfrageparameter entfernen, wenn Filter entfernt werden
- Fix: Event-Link in separate URL ändern
- Feature: Fügt Kartenansicht mit URL-Abfrageparameter hinzu
- Fix: Weiterleitung für NGOs beim Aufruf unautorisierter Profile beheben
- Auth: Freiwilligen-Ansicht mit vollen Bearbeitungsrechten hinzufügen
- Fix: 403-Fehler beim Markieren von Benutzern behoben
- Fix: Bezirksfilter korrigiert, damit das Dashboard korrekt filtert
- Feature: Tag-Benachrichtigung auf dem Home-Icon anzeigen
- Auth: Autorisierte Ansichten des Freiwilligenprofils hinzufügen
- Auth: Autorisierte Ansichten für NGO- und Opportunity-Listen hinzufügen
- Auth: Autorisierte Ansichten des Opportunity-Profils erstellen
- Feature: Fügt taggedPersonIds zu POST- und PATCH-Kommentar-Hooks hinzu
- Feature: Anzeige der neuesten Kommentare, in denen der Benutzer markiert ist
- Feature: Tagging-Funktion mit Autocomplete erstellt
- Fix: Distriktauswahl auf Single-Select umgestellt
- Feature: Neueste Möglichkeiten und Freiwillige zur Dashboard-Startseite hinzufügen
- Logic: Deserialize-Filterfunktion für URL-Queries hinzugefügt
- Logic: Helper-Funktion zur Extraktion von Aktivitäten aus IDs hinzugefügt
- Fix: Menü-Verhalten im Freiwilligen-Formular korrigiert
- Fix: Endlosschleife beim Abrufen von Testimonials behoben
- Fix: Fehlerhafte Weiterleitung zur Login-Seite korrigiert
- Logic: Benutzerdefinierten Agent-Fetching-Hook implementiert
- Feature: Header und Filter zu Agent-Listen hinzugefügt
- Optimization: Filter hinzugefügt und Debounce-Komponente verbessert
- Fix: Fehler im Sprachauswahl-Formular behoben
- Fix: Suchergebnis-Filter korrigiert
- UI: Grid-Layout für Agent-Listen erstellt
- UI: Agent-Card für Agent-Listen erstellt
- Feature: Freiwilligen-Bereich für Flüchtlingsunterkünfte entwickelt
- Feature: Kontaktinformationen für Agents in Flüchtlingsunterkünften implementiert
- Logic: Benutzer nach erfolgreichem Login zur rollenspezifischen Route weiterleiten
- UI: Verfügbarkeits-Grid gemäß Figma-Wireframe überarbeitet
- UI/Refactor: Sprachauswahl für Freiwilligen-Formular neu gestaltet und refactored
