dr-logodr-logo
dr-logodr-logo

Darrell Roberts
Frontend Engineer

About meSkillsExperienceProjectsOpen SourceContact
darrell_robertsdarrell_roberts

Frontend Engineer

ship
cactus

About me

  • Frontend Engineer specializing in React, Next.js, Vue.js, Nuxt.js and TypeScript, with a strong product-focused approach to developing performant, accessible, and data-rich user interfaces.
  • Based in Berlin, I bring proven experience in delivering features for high-traffic applications, focusing on end-to-end UI ownership and architectural design.
  • My background includes work with both cutting-edge frameworks like Nuxt and significant contributions to open-source projects. I am passionate about clean code and translating complex requirements into intuitive user experiences.
saloon-doorssubmarine

My CV


Skills

Main Stack

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

Tools

Vercel
Vercel
Git
Git
Docker
Docker
Figma
Figma

Libraries

TailwindCSS
TailwindCSS
Redux
Redux
Pinia
Pinia
ThreeJS
ThreeJS

Database

NodeJS
NodeJS
Express
Express
MongoDB
MongoDB
Render
Render
Choose your cowboy. Hover over a skill
cowboy-hatadmiral-hat?

Experience

  • Collaborative: Partnered directly with the Lead Engineer to maintain a live production Next.js PWA, contributing 5,000+ lines of code to rank as a top 5 developer on the platform.
  • Architecture-focused: Created custom data-fetching hooks and implemented advanced URL filter deserialization
  • Performance-optimized: Isolated and resolved critical technical debt, including fixing infinite API fetches and refactoring a core debounce filter component to enhance platform speed
  • Quality-oriented: debugged authentication flows, resolving edge-case search result filtering bugs, and reviewing code prior to staging and production deployment.

  • Proactive: Deployed a high-performance, SEO-optimized Nuxt.js app from scratch in under two weeks with Headless CMS integration and focus on LCP optimization.
  • Flexible: Implemented a Headless CMS architecture using Sanity.io, utilizing Groq queries to fetch and render dynamic content while maintaining static site generation (SSG) benefits.
  • Accessible: Utilised specific fonts for older users along with other WCAG concerns and scored 100 on Google Lighthouse’s Accessibility score
  • Business-oriented: Engineered a custom server-side validation logic for the lead-gen form, reducing invalid business inquiries almost entirely and improving lead quality.

  • Engineered and maintained the frontend codebase for the e-Mission app using Vue/Nuxt with TypeScript and Pinia, delivering high-quality, maintainable code in a cross-functional team
  • Led the modernization of the in-app video player, implementing custom UI features that increased video engagement by 30%
  • Redesigned user’s custom goals form completion to make it more intuitive for over 2000 users
  • Tested, tracked and implemented Google Analytics tags to monitor the user experience for users from Germany, Poland and China

  • Internet Archive (Contributor): Engineered a dark mode feature for a platform with 1,000,000+ monthly visitors, participating in professional code reviews and CI/CD workflows.
  • Contributed to significant open source projects, including the Vue3 documentation
  • Test Engineering: Used Jest to reach 91% coverage across all core functions to minimize regressions
  • Implemented interactive frontend dashboards and data visualizations (e.g., bar graphs, scatter plots, line charts) to provide clear, actionable insights from complex datasets

  • Mastered MERN stack and worked weekly on group Full-stack projects. I was selected to present my final project in front of audience of 150 people.

Projects

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 Contributions

  • Feature: Create tagging feature with autocomplete
  • Fix: Change district select to single select
  • Feature: Add newest opportunities and volunteers to dashboard homepage
  • Logic: Add deserialize filter function for URL queries
  • Logic: Add helper function to extract activities from ID
  • Fix: Resolve menu behavior in volunteer form
  • Fix: Resolve infinite testimonials fetch
  • Fix: Correct redirect to login page
  • Logic: Implement custom Agent fetching hook
  • Feature: Add header and filters to Agent lists
  • Optimization: Add filter and improve debounce component
  • Fix: Resolve language selector form bug
  • Fix: Resolve search results filter bug
  • UI: Create grid for Agent lists
  • UI: Create Agent card for Agent lists
  • Feature: Develop Volunteer section for Refugee Accommodation Centres
  • Feature: Implement Agent contact details for Refugee Accommodation Centres
  • Logic: Redirect users to role-specific route after successful login
  • UI: Restyle availability grid according to Figma wireframe
  • UI/Refactor: Restyle and refactor language selector for volunteer form

  • Registry: Added my website link to the list of developers' portfolios

  • i18n: Translated TypeScript overview into the German language

  • Feature: Added Kubernetes icon to tools selections
  • Feature: Added Netlify icon to tools selection

  • Logic: Created dark mode logic for open library's setting page
  • Feature: Added Sardinian to the open library language list

  • Feature: Submitted orbiting frog animation

  • Issue: Submitted bug report whereby language selection does not redirect

Contact

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