MH
Open Source Tool

React Mail Builder

An intuitive platform that allows users to design responsive email templates using a drag-and-drop interface. It supports HTML export, JSON saving, and real-time previews.

Timeline: Mar 2024
Role: Lead Developer

Project Links

My Role & Responsibilities

Role

Lead Developer

Key Responsibilities

  • Designed the drag-and-drop architecture
  • Implemented HTML export functionality
  • Built responsive preview modes

Technical Details

Technology Stack

frontend
  • React
  • TypeScript
  • TailwindCSS
backend
    database
      devops
      • GitHub Pages
      tools
      • Git
      • GitHub

      Architecture

      Client-side heavy React application with local state persistence

      Screenshots & Media

      Visual email editor with drag-and-drop components

      Visual email editor with drag-and-drop components

      Challenges & Solutions

      Challenge:

      Generating clean, responsive HTML that works across various email clients

      Solution:

      Implemented a recursive rendering engine that converts JSON structures to table-based HTML

      Achievements & Impact

      Open Source Tooling

      Released a tool used by developers for quick email prototyping

      Lessons Learned

      • Deep understanding of email-safe HTML/CSS limitations

      Explore more projects?

      Go To Projects