DashMail - Intelligent Email Management Dashboard

This is a submission for the Postmark Challenge: Inbox Innovators.

What I Built

DashMail is an innovative email management platform that transforms traditional email workflows into an intelligent, productive system. Built specifically to leverage Postmark's powerful email infrastructure, DashMail combines AI-powered email processing, smart labeling, Kanban-style task management, and advanced filtering to create a unified productivity hub.

Key Features:

• 🤖 AI-Powered Email Summaries: Automatic content analysis using Google's Gemini AI to generate concise summaries
• 📂 Smart Auto-Labeling: Advanced filtering system using Filtrex expressions to automatically categorize incoming emails
• 📋 Kanban Task Management: Transform emails into actionable tasks with visual workflow management
• 🔍 Advanced Filtering: Create custom filters using logical expressions for precise email organization
• 📊 Real-time Dashboard: Comprehensive overview with email counts, status tracking, and label management
• 🔒 Secure Authentication: Integrated with Clerk for robust user management
• ⚡ Real-time Processing: Instant email processing via Postmark webhooks

Demo

🔗 Live Demo: https://dashmail.neural.pe

Screenshots:

Landing Page

Dashboard Overview

Kanban View

Filters Editor

AI-Powered Email Details Summaries

Test Instructions:

1. Visit the demo link above
2. Sign up using the demo credentials or create a new account
3. Send email to [e-mail], the dashboard will be populated with sample emails to demonstrate features
4. Test the filtering system by creating custom labels with Filtrex expressions
5. Switch between List and Kanban views to see different workflow perspectives

Code Repository

🏗️ GitHub Repository: https://github.com/g3yuri/dashmail

The codebase demonstrates modern full-stack development practices with:

• Frontend: Next.js 15 with React 19, TypeScript, and Tailwind CSS
• Backend: API routes with Postmark webhook integration
• Database: SQLite with Drizzle ORM for efficient data management
• AI Integration: Google Gemini for intelligent email processing
• Authentication: Clerk for secure user management

How I Built It

Development Process

🎯 Problem Identification: Email management tools often lack intelligence and automation, forcing users to manually organize thousands of messages. I wanted to create a solution that learns from email patterns and automates the organization process.

🏗️ Architecture Design:

• Built on Next.js 15 for optimal performance and developer experience
• Implemented real-time webhook processing for immediate email handling
• Designed a flexible labeling system that supports both manual and automated organization
• Created a dual-view system (List/Kanban) for different workflow preferences

⚙️ Tech Stack Implementation:

1. Postmark Integration:

   • Configured inbound email processing via webhooks (/api/hook)
   • Real-time email reception and parsing
   • Automatic attachment handling and content extraction

2. AI-Powered Processing:

   • Integrated Google Gemini AI for intelligent email summarization
   • Contextual analysis of email content and subject lines
   • Automatic generation of actionable insights

3. Smart Filtering System:

   • Implemented Filtrex for advanced logical expressions
   • Custom functions for email field matching (contains, startsWith, etc.)
   • Real-time filter application to incoming emails

4. Database Design:

   • Efficient schema with proper indexing for fast queries
   • Support for email attachments and metadata
   • Optimized label-email relationships for complex filtering

5. User Experience:

   • Modern, responsive design with dark/light theme support
   • Drag-and-drop Kanban interface for task management
   • Real-time updates and optimistic UI patterns

Postmark Experience

Working with Postmark was exceptionally smooth. The webhook system is robust and reliable, providing comprehensive email data that made building advanced features straightforward. The documentation is excellent, and the API consistency allowed for rapid development and testing.

Key Postmark Features Utilized:

• Inbound email processing with complete message parsing
• Attachment handling with base64 encoding
• Header analysis for advanced filtering capabilities
• Reliable webhook delivery for real-time processing

Challenges Overcome

1. Real-time Processing: Ensuring webhooks process emails instantly while maintaining data consistency
2. AI Integration: Balancing AI processing speed with quality to provide real-time summaries
3. Complex Filtering: Creating an intuitive interface for advanced logical expressions
4. Performance Optimization: Handling large email volumes efficiently with proper caching strategies