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

  • Unter den Top 5 Mitwirkenden an einer produktiven Next.js PWA mit über 5.000 vorgenommenen Zeilenänderungen.
  • Federführend bei der Implementierung eines neu gestalteten Formulars für Freiwillige und eines Verfügbarkeitskalenders, wodurch die Servicebereitstellung für eine Flüchtlingshilfe-Organisation direkt verbessert wurde
  • Eng mit UX/UI-Designern zusammengearbeitet, um komplexe Figma-Wireframes in qualitativ hochwertige, responsive Next.js-Komponenten zu übertragen
  • Die produktive Next.js PWA-Codebasis gewartet und dabei die Zugänglichkeit und Performance für Nutzer mit Sitz in Berlin sichergestellt

  • Entwicklung und Pflege der Frontend-Codebasis für die e-Mission-App mit Vue/Nuxt, TypeScript und Pinia, um qualitativ hochwertigen, wartbaren Code in einem funktionsübergreifenden Team zu liefern.
  • Zusammenarbeit mit Designern zur Erstellung eines responsiven, interaktiven und auf Kreisen basierenden User-Dashboards.
  • Leitung der Modernisierung des In-App-Videoplayers durch die Implementierung benutzerdefinierter UI-Funktionen, die das Video-Engagement um 30 % steigerten.
  • Neugestaltung der benutzerdefinierten Formulare zur Zielerfassung, um diese für über 2000 Nutzer intuitiver zu gestalten.
  • Proaktive Neugestaltung der AI-Formularerstellung des Unternehmens, um die Kompatibilität und Benutzerfreundlichkeit zu verbessern, was zu schnelleren Abschlusszeiten führte.
  • Test, Nachverfolgung und Implementierung von Google Analytics-Tags, um die Nutzererfahrung für Nutzer aus Deutschland, Polen und China zu überwachen.

  • Entwicklung von Full-Stack-Anwendungen mit einem modernen Stack aus React, Next, Vite und Tailwind CSS im Frontend, wodurch eine perfekte Lighthouse-Performance von 100 erreicht wurde.
  • Beiträge zu bedeutenden Open-Source-Projekten, darunter das Internet Archive und die Vue3-Dokumentation.
  • Erstellung eines Node- und Express-Backends, um über 25 GET-, POST-, PUT- und DELETE-REST-API-Endpunkte für ein Next-Frontend zu generieren.
  • Implementierung interaktiver Frontend-Dashboards und Datenvisualisierungen (z. B. Balken-, Streu- und Liniendiagramme), um klare, verwertbare Erkenntnisse aus komplexen Datensätzen zu liefern.

  • Entwicklung einer Dark-Mode-Funktion mit Cookie-basiertem State Management, wodurch die visuelle Qualität und Nutzer-Barrierefreiheit für über 1.000.000 monatliche Besucher verbessert wurde.
  • Aktive Mitarbeit in einem funktionsübergreifenden Team von 15 Personen, Teilnahme an Code-Reviews und CI/CD-Workflows.
  • Analyse der Sprachauswahlfunktion und Erhöhung der Liste um 10 %, um Nischenlokalisierungen wie Sardisch hinzuzufügen.
  • Erstellung der Logik für eine UI-konforme Dark-Mode-Funktion mittels Cookie-basiertem State Management.

  • Beherrschung des MERN-Stacks und wöchentliche Arbeit an Full-Stack-Gruppenprojekten. Ich wurde ausgewählt, mein Abschlussprojekt vor einem Publikum von 150 Personen zu präsentieren.

Projekte

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: 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