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/