Mark Haddad · Lead Frontend Engineer
I’m Mark, a Lead Frontend Engineer at RedLayers. I lead frontend development from technical planning through to release, with responsibility for architecture, implementation, and performance. I work primarily with Vue, Nuxt, and Tailwind CSS.
Based in Beirut.What I’m working on ↓
My ongoing work covers configuration logic, admin workflows, and shareable designs. I also contribute to the 3D features, using AI extensively for that part of the implementation.
Read about Patio3DSelected client work
The projects below are proprietary client products I worked on at RedLayers. Each case study outlines my role and the work I contributed. Source code remains private.
Patio3D / 3D / Engineering
My ongoing work covers configuration logic, admin workflows, and shareable designs. I also contribute to the 3D features, using AI extensively for that part of the implementation.
Latest ongoing project / Configuration / Admin / Shareable state
Inside Patio3D
Apex Report Generator / AI / Clinical SaaS
I owned the frontend workflow, from authentication and structured data entry to report review, editing, and DOCX export.
Frontend ownership · Editing · DOCX
Inside Apex Report Generator
CultureCore / SaaS / Employee experience
I worked on Firebase and Microsoft authentication, recognition and comment flows, and reusable interface components.
Authentication · Social interactions · Reliability
Inside CultureCore
Insulation Commerce Platform / Commerce / Search
I built and maintained a shared Nuxt frontend for two storefronts, with separate datasets, Algolia search, and catalog filters preserved in the URL.
Shared architecture · Search · Commerce
Inside Insulation Commerce PlatformIndependent work
Learn a new framework
through one you already know.
I created Stakspan to help developers learn a new framework by building on what they already know. It brings together comparisons, examples, and practical exercises across Vue, React, Nuxt, and Next.js.
Explore Stakspan
Inspired by life with Lotus.
FelisFold grew out of caring for my cat, Lotus. I built a multilingual website that brings his story together with carefully sourced information for other Scottish Fold owners.
The same place, a different dream.
I first saw this place in a dream, decorated for Halloween. When it returned in another dream, the theme had changed. That became Dream Scene: a living world in the browser, with different themes, weather, and spaces to explore.
Away from the project list
At RedLayers, I lead frontend delivery across reporting software, employee platforms, commerce, and configurators. My responsibilities include technical planning, application architecture, implementation, and code review.
Vue, Nuxt, and Tailwind CSS form my core stack. I also have working knowledge of React and Next.js.
Outside work, there's cooking, running, and life with four cats. The little one on this site is an illustration inspired by that part of my life.
Cursor and ChatGPT are part of my workflow for research, implementation, and refactoring. I review their output, test the behavior, and remain responsible for the code I deliver.
From the people I work with
Mario Adabachy
Head of Product, RedLayers
Read the original letter (PDF) ↗“Mark has worked on several projects, including ApexReportGen, CultureCore, and others, demonstrating an ability to work efficiently, move quickly, and consistently deliver results.”
Have something in mind?