AboutExpertiseProjectsJourneyBlogContact
Discuss
AboutExpertiseProjectsJourneyBlogContactDiscuss

Yao David Logan

Software Engineer fullstack specialized in SaaS, business automation and scalable web/mobile platforms.

NavigationExpertiseProjectsJourneyBlogContact
LinksGitHubLinkedInEmail
© 2026 Yao David Logan. All rights reserved.
← Back to projectsFullstack

MailCraft

WYSIWYG newsletter editor with PDF generation and a library of responsive templates.

Fullstack Engineer2026Editorial production x3 without a dedicated designer
Context2026

WYSIWYG newsletter editor with PDF generation and a library of responsive templates.

Professional newsletter editor: drag-and-drop WYSIWYG, library of responsive blocks, client preview (mobile, dark mode), and one-click HTML + PDF exports. Built for marketing teams who want to industrialize their editorial production without depending on a designer for every send. Newsletters are tested against major clients (Gmail, Outlook, Apple Mail) via a built-in linter that flags incompatibilities before sending.

Scope
Fullstack Engineer · Fullstack
Stack
Next.js · React · TypeScript
Signal
Editorial production x3 without a dedicated designer
ChallengeBefore intervention

Blocked identified.

Producing a newsletter that renders correctly on Gmail, Outlook and Apple Mail remains a headache. WYSIWYG editors on the market either limit customization or generate broken HTML on Outlook. Marketing teams waste hours in back-and-forth with their designer.

Risk addressedFullstack Engineer · Fullstack
ApproachAfter delivery

Answer built.

Drag-and-drop editor built in React with a library of blocks validated across major mail clients. HTML rendering is server-side with Outlook fallbacks (VML for buttons, nested tables). A linter catches pitfalls (unsupported media queries, forbidden CSS properties) before export. PDF generation via Puppeteer for print versions or archives. Dark mode tested through simulated preview. Template API to reuse validated blocks across campaigns.

Foundation deliveredNext.js · React · TypeScript
Results

Measurable impact

Metrics give a quick read of the case study effects.

Mail client compatibility++60% vs before
96%
Before60%
After96%
Production time+-67% vs before
35 min
Before105 min
After35 min
Reusable templates
24
After24
EvolutionPost-launch progression
105530
BEFORE105
M178
M252
M335
Architecture

System delivered

A simple read of the functional blocks and their interactions.

Mail compatibility92%
Production speed88%
Rendering quality90%
Team adoption84%
Main signalEditorial production x3 without a dedicated designer

Newsletter production divided by 3 with reliable rendering on Gmail, Outlook, and Apple Mail.

Deliverables
  • Drag-and-drop WYSIWYG editor with block library
  • Gmail, Outlook, and Apple Mail compatible HTML generation
  • PDF export via Puppeteer for archiving and printing
  • Built-in linter that flags client incompatibilities
  • Simulated dark mode in preview
Stack
Next.jsReactTypeScriptNode.jsPuppeteerPostgreSQL
Public demoDiscuss a similar need
Collaboration

Let's turn a fuzzy need into a shippable product.

Product diagnosis, SaaS architecture, backend, interface and automations that make a platform usable.

Format
Full-time, freelance, long mission
Focus
SaaS, API, back-office, automation
Discuss a projectDownload CV