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

  • Fehlerbehebung für den Suchergebnis-Filter
  • Grid für Agenten-Listen erstellt
  • Agenten-Karte für Agenten-Listen erstellt
  • Bereich für Freiwillige für Flüchtlingsunterkünfte erstellt
  • Kontaktdaten für Agenten in Unterkünften für Geflüchtete erstellt
  • Weiterleitung der Benutzer zu ihrer rollenspezifischen Route nach erfolgreichem Login
  • Verfügbarkeitsraster gemäß Figma-Wireframe neugestaltet
  • Überarbeiteter und neu strukturierter Sprachwähler für das Freiwilligenformular

  • Habe meinen Website-Link zur Liste der Entwickler-Portfolios hinzugefügt

  • Die TypeScript-Übersicht ins Deutsche übersetzt

  • Kubernetes-Symbol zur Werkzeugauswahl hinzugefügt
  • Netlify-Symbol zur Werkzeugauswahl hinzugefügt

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

  • Orbitierende Frosch-Animation eingereicht

  • Bug-Report eingereicht, dass die Sprachauswahl nicht weiterleitet

Kontakt

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