mirror of
https://github.com/Gowtham-Darkseid/MailComposer.git
synced 2026-04-15 16:08:27 +02:00
44ea4d2e64
- Rich email composer with formatting tools (bold, italic, underline, links) - Multi-recipient support (To, CC, BCC fields) - File attachments with drag & drop support - Priority levels and email validation - Draft management with auto-save and cloud sync - Real email sending via EmailJS integration - Responsive design for mobile and desktop - Comprehensive error handling and fallback modes - Complete documentation and setup guides - Firebase integration ready for advanced features Features: ✅ Real email sending (EmailJS) ✅ Rich text editor ✅ File attachments ✅ Draft management ✅ Form validation ✅ Responsive UI ✅ Error handling ✅ Documentation
2.4 KiB
2.4 KiB
📧 Email Not Working? Quick Fix Guide
Current Status: DEMO MODE
Your mail composer is currently running in demo mode because no email service is configured yet. When you click "Send Email", it simulates sending but doesn't actually send real emails.
🚀 Quick Fix - Get Real Email in 5 Minutes with EmailJS
Option 1: EmailJS (Recommended - No Server Required)
-
Go to EmailJS.com and create a free account
-
Set up Gmail service:
- Dashboard → Email Services → Add New Service → Gmail
- Connect your Gmail account
- Copy the Service ID (e.g.,
service_abc123)
-
Create email template:
- Dashboard → Email Templates → Create New Template
- Copy this template content:
Subject:
{{subject}}Body:
<p><strong>To:</strong> {{to_email}}</p> <p><strong>CC:</strong> {{cc_email}}</p> <p><strong>Priority:</strong> {{priority}}</p> <hr> <div>{{{message}}}</div>- Save and copy Template ID (e.g.,
template_xyz789)
-
Get your Public Key:
- Account → General → Copy Public Key (e.g.,
user_abcd1234)
- Account → General → Copy Public Key (e.g.,
-
Configure the app:
- Open
emailjs-config.jsin your editor - Replace these values:
const EMAILJS_CONFIG = { SERVICE_ID: 'your-actual-service-id', TEMPLATE_ID: 'your-actual-template-id', PUBLIC_KEY: 'your-actual-public-key' }; - Open
-
Test it!
- Refresh the app (it should show "✅ EmailJS Active")
- Send a test email
- Check your recipient's inbox!
🔍 How to Tell If It's Working
Demo Mode (not working):
- Status shows: "🔄 Demo Mode"
- Sending shows warning message
- No real emails sent
EmailJS Active (working):
- Status shows: "✅ EmailJS Active"
- Real emails are sent
- Success message shows "via EmailJS"
📝 For Detailed Setup
- EmailJS Setup: See
EMAILJS_SETUP.md - Firebase Setup: See
FIREBASE_SETUP.md(more complex but unlimited)
🆘 Still Not Working?
- Check browser console (F12) for error messages
- Verify EmailJS credentials in
emailjs-config.js - Check spam folder for sent emails
- Try sending to yourself first
💡 Tips
- Free EmailJS: 200 emails/month
- Gmail works best for personal use
- Check recipient's spam folder
- Test with your own email first
Ready to send real emails? Follow Option 1 above! 🚀