Email Sender App | Front End Development

A modern, responsive email composition tool built with React. Features a beautiful UI with dark mode support, email templates, and draft saving functionality.

Features

• 📧 Professional email composition interface
• 🌓 Dark/Light mode with system preference detection
• 📝 Pre-built email templates for common scenarios
• 💾 Automatic draft saving
• ✅ Email validation
• 📱 Fully responsive design
• ⚡ Real-time character count
• 🔔 Toast notifications for actions
• 🗑️ Draft clearing functionality

Templates Included

1. Meeting Request
2. Thank You Note
3. Project Update
4. Job Application
5. Event Invitation
6. Follow-up
7. Customer Support
8. Feedback Request

Technology Stack

• React 18
• Tailwind CSS
• Lucide React (for icons)
• Sonner (for toast notifications)
• Vite (build tool)

Usage

1. Compose New Email

   • Fill in the recipient's email (To)
   • Add your email address (From)
   • Write a subject
   • Compose your message

2. Use Templates

   • Click on any template card to load a pre-formatted message
   • Customize the placeholders (marked with [brackets])
   • Modify the content as needed

3. Dark Mode

   • Toggle between light and dark modes using the sun/moon icon
   • System preference is detected automatically

4. Draft Management

   • Drafts are automatically saved as you type
   • Clear drafts using the trash icon
   • Drafts persist across browser sessions

• Check it out now: https://email-sender-online.netlify.app/