mirror of
https://github.com/Gowtham-Darkseid/MailComposer.git
synced 2026-04-24 08:15:58 +02:00
gowtham-darkseid
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
86 lines
2.4 KiB
Markdown
86 lines
2.4 KiB
Markdown
# 📧 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)
|
|
|
|
1. **Go to [EmailJS.com](https://www.emailjs.com/)** and create a free account
|
|
|
|
2. **Set up Gmail service:**
|
|
- Dashboard → Email Services → Add New Service → Gmail
|
|
- Connect your Gmail account
|
|
- Copy the Service ID (e.g., `service_abc123`)
|
|
|
|
3. **Create email template:**
|
|
- Dashboard → Email Templates → Create New Template
|
|
- Copy this template content:
|
|
|
|
**Subject:** `{{subject}}`
|
|
|
|
**Body:**
|
|
```html
|
|
<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`)
|
|
|
|
4. **Get your Public Key:**
|
|
- Account → General → Copy Public Key (e.g., `user_abcd1234`)
|
|
|
|
5. **Configure the app:**
|
|
- Open `emailjs-config.js` in your editor
|
|
- Replace these values:
|
|
```javascript
|
|
const EMAILJS_CONFIG = {
|
|
SERVICE_ID: 'your-actual-service-id',
|
|
TEMPLATE_ID: 'your-actual-template-id',
|
|
PUBLIC_KEY: 'your-actual-public-key'
|
|
};
|
|
```
|
|
|
|
6. **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?
|
|
|
|
1. **Check browser console** (F12) for error messages
|
|
2. **Verify EmailJS credentials** in `emailjs-config.js`
|
|
3. **Check spam folder** for sent emails
|
|
4. **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! 🚀
|