MailQuark — Herramienta Premium de Email Testing
Plataforma de testing de correos electrónicos diseñada para desarrolladores que buscan velocidad, precisión y una estética superior.
Tipo: Dev Tool / Herramienta de Ingeniería
Estado: Desplegado / Portfolio Ready
Stack: Next.js 16 · TypeScript · SMTP · Vanilla CSS (Glassmorphism)
Mi rol
Fullstack Developer & Architect
Tecnologías utilizadas
Next.js — framework de aplicaciones modernasTypeScript — tipado robusto para escalabilidadVanilla CSS — diseño personalizado sin dependencias pesadasLucide Icons — iconografía minimalista y funcionalVercel — plataforma de despliegue optimizada
Objetivo
Crear una herramienta de uso propio para el testeo de emails que no me limitara a cierta cantidad ni me generara gastos extra durante el desarrollo de mis aplicaciones, elevando el estándar mediante:
- • Independencia total de servicios de terceros y sus cuotas
- • Intercepción SMTP instantánea en entorno local
- • Validador de QA para detectar variables no reemplazadas
- • Inspección detallada de HTML, Texto Plano y Headers
- • Vista responsiva para validar correos en móviles
- • Descarga de adjuntos y exportación de JSON de datos
- • Estética premium basada en Glassmorphism y Modo Oscuro
Resultado
Una herramienta robusta que se siente viva y funcional, lista para demostrar calidad senior.
- ✓ Dashboard funcional con filtrado y búsqueda en tiempo real
- ✓ Desarrollo de un sistema de persistencia eficiente capaz de procesar y almacenar archivos adjuntos de gran tamaño mediante flujos de datos optimizados
- ✓ Experiencia de descarga de adjuntos realista
- ✓ Sistema de QA integrado con alertas visuales inmediatas
- ✓ Código limpio y modular altamente valorado en auditorías técnicas
Proceso del proyecto
El desarrollo priorizó la performance y la legibilidad del código para su exposición pública:
- 1Arquitectura estática desacoplada para la versión de portfolio
- 2Implementación de un sistema de variables CSS personalizado (no Tailwind)
- 3Mockeo de lógica de servidor SMTP para hosting estático en Vercel
- 4Diseño de plantillas realistas (facturas, bienvenidas) para la demo
- 5Optimización de la UX para interacciones rápidas y fluidas
Responsabilidades
- → Arquitectura del servidor SMTP y lógica de base de datos SQLite (versión privada)
- → Diseño y desarrollo del sistema de estilos Vanilla CSS
- → Implementación de la lógica de filtrado y búsqueda
- → Creación del set de datos mock y plantillas dinámicas
- → Optimización del rendimiento y respuesta del Dashboard
- → Diseño de la experiencia de usuario 'Engineering-grade'
"El proyecto ha sido elogiado por su atención al detalle visual y técnico, demostrando que una herramienta de uso interno puede tener una calidad de producto final.
