dr-logodr-logo
dr-logodr-logo

Darrell Roberts
Frontend Engineer

Über michFähigkeitenErfahrungProjekteOpen SourceKontakt
darrell_robertsdarrell_roberts

Frontend Entwickler

ship
cactus

Ü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.
saloon-doorssubmarine

Mein Lebenslauf


Fähigkeiten

Haupt-Stack

HTML5
HTML5
CSS3
CSS3
JavaScript
JavaScript
TypeScript
TypeScript
React
React
Next
Next
Vue
Vue
Nuxt
Nuxt

Werkzeuge

Vercel
Vercel
Git
Git
Docker
Docker
Figma
Figma

Bibliotheken

TailwindCSS
TailwindCSS
Redux
Redux
Pinia
Pinia
ThreeJS
ThreeJS

Datenbanken

NodeJS
NodeJS
Express
Express
MongoDB
MongoDB
Render
Render
Wählen Sie Ihren Cowboy. Fahren Sie mit der Maus über eine Fähigkeit
cowboy-hatadmiral-hat?

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

Need4Deed

React, Next, Fastify, TypeScript

Rosemary's Home Fitness

Vue, Nuxt, Sanity.io, TypeScript

e-Mission GmbH

Vue, Nuxt, TypeScript

Book Club Brothers

React, Next, TypeScript

Asteroid Tracker

Vue, TypeScript

Stuttgart Train Timetable

Next, TypeScript

Pirate Work Management Tool

React, TypeScript


OS Beiträge

  • 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

  • Registry: Meinen Website-Link zur Liste der Entwickler-Portfolios hinzugefügt

  • i18n: TypeScript-Übersicht ins Deutsche übersetzt

  • Feature: Kubernetes-Icon zur Tool-Auswahl hinzugefügt
  • Feature: Netlify-Icon zur Tool-Auswahl hinzugefügt

  • Logic: Dark-Mode-Logik für die Einstellungsseite der Open Library erstellt
  • Feature: Sardisch zur Sprachenliste der Open Library hinzugefügt

  • Feature: Animation eines kreisenden Frosches eingereicht

  • Issue: Bug-Report erstellt, da die Sprachauswahl nicht korrekt weiterleitet

Kontakt

mrdarrellroberts@gmail.com
DarrellRoberts
d-j-roberts
animal-skullshipwreck
Darrell Roberts @2026