Email Signature Generator
A full-stack application that lets users create, preview and export branded email signatures designed for use across major email clients.
Client Project — Links Restricted
This project was built for a client under NDA. The live demo and source code cannot be shared publicly due to company privacy policy. If you're a potential employer or client, feel free to reach out directly to discuss this project.
Year
2025
Duration
4 months
Role
Lead Frontend Engineer
Services
Full-Stack Development, UI/UX Design, API Design
01 — Project Overview
At a glance
Key context about the engagement — the who, the what, and the scope of work.
Industry
Duration
Team
My Role
Year
Services Provided
02 — The Challenge
The problem we set out to solve
The situation before the project, the constraints we worked within, and the goals we needed to hit.
The client needed a way for teams to create consistent email signatures without manually editing HTML or relying on outdated templates. The application needed to handle a difficult frontend problem: the editing experience could be modern, but the generated email HTML had to work within the constraints of email clients such as Gmail, Outlook and Apple Mail.
03 — The Solution
How we approached it
Product strategy, UX direction, and the engineering decisions that powered the final outcome.
The application uses React for the editor and live preview, with Node.js and Express providing the backend API and MongoDB storing application data. The editor maintains a shared data model so that changes made in the form can immediately update the preview. For export, the application generates email-compatible HTML using inline styles and table-based layouts where required by email-client constraints. The system also includes organization-level roles for controlling who can manage templates and branding.
- 01
Real-time preview with a shared data model powering both preview and export.
- 02
Email-client compatibility baked into the output layer, not the editor.
- 03
Inline CSS generation for exported HTML with table layouts where needed.
- 04
Multiple templates managed at the organization level.
- 05
Organization branding enforced centrally with role-based user and admin permissions.
- 06
Persistent signature storage via MongoDB and the Express backend API.
04 — Key Features
Capabilities shipped
A closer look at the most important pieces of the product and the value each unlocks.
Shared data model
The preview and export flow use the same underlying signature data so that the visual editor and generated output remain aligned.
Email-safe output
Instead of treating the generated signature like a normal web page, the export layer accounts for the limitations of email clients and produces HTML appropriate for that environment.
Role-based access
The application separates user and administrative capabilities so that organization branding can be managed centrally.
05 — Technology Stack
What we built it with
From framework to infrastructure — the tools and services powering the product.
Frontend
- React
- Tailwind CSS
- Framer Motion
Backend
- Node.js
- Express.js
- JWT
Database
- MongoDB
- Mongoose
Infrastructure
- AWS EC2
- Nginx
- Cloudflare
06 — Final Outcome
The bottom line
What shipped, how it helped the client, and the lasting impact of the engagement.
The application was shipped as a private client project. Because the project is under NDA, the public case study does not expose the Client's live application or source code.