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

  • Ranked as a top 5 contributor to a production Next PWA, delivering 5,000+ line changes
  • Spearheaded the implementation of a volunteer form and availability calendar redesign, directly enhancing service delivery for a refugee-support charity
  • Collaborated closely with UX/UI designers to translate complex Figma wireframes into high-quality, responsive Next.js components
  • Maintained the production Next.js PWA codebase, ensuring accessibility and performance for users based in Berlin

  • 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
  • Collaborated with designers to create a responsive circle-centric, interactive user dashboard
  • 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
  • Proactively redesigned the company's AI form generation, improving compatibility and increasing usability, which led to faster form completion times
  • Tested, tracked and implemented Google Analytics tags to monitor the user experience for users from Germany, Poland and China

  • Developed full-stack applications using a modern stack of React, Next, Vite and Tailwind CSS on the frontend, achieving a perfect Lighthouse performance score of 100.
  • Contributed to significant open source projects, including the Internet Archive and Vue3 documentation
  • Created a Node and Express backend to generate over 25 GET, POST, PUT and DELETE REST API endpoints for a Next frontend.
  • Implemented interactive frontend dashboards and data visualizations (e.g., bar graphs, scatter plots, line charts) to provide clear, actionable insights from complex datasets

  • Engineered a dark mode feature with cookie state management, enhancing the visual fidelity and user accessibility for over 1,000,000 monthly visitors.
  • Actively contributed to a cross-functional team of 15, participating in code reviews and CI/CD workflows
  • Analysed language selection feature and increased its list by 10%, adding niche localisations such as Sardinian
  • Created the logic for a UI-compliant dark mode feature using cookie state management

  • 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

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

  • Bug fix for search results filter
  • Created grid for Agent lists
  • Created Agent card for Agent lists
  • Developed Volunteer section for Refugee Accommodation Centres
  • Implemented Agent contact details for Refugee Accommodation Centres
  • Redirect users to their role-specific route after successful login
  • Restyled availability grid according to figma wireframe
  • Restyled and refactored language selector for volunteer form

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

  • Translated TypeScript overview into the German language

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

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

  • Submitted orbiting frog animation

  • Submitted bug report whereby language selection does not redirect

Contact

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