An interactive app that generates email subject lines and footer emojis based on your current mood. Whether you're feeling happy, nervous, or excited, MoodMail helps you instantly craft a message that fits the vibe.
✅ Enter your current mood (e.g., "happy", "sad", "nervous")
✅ Get a custom email subject line tailored to your mood
✅ Auto-generated emoji signature footer
✅ Bonus: Today's date included in the subject
✅ “Copy to Clipboard” button for quick use
✅ Clean, responsive UI with TailwindCSS + ShadCN
- Handling user input with
useState - Logic mapping: mood → smart output
- Basic string manipulation (
toLowerCase,includes) - Conditional rendering:
if / else if / elselogic - Clean, reusable UI design patterns
- Folder-based project organization
| Tech | Purpose |
|---|---|
| React + Vite | Frontend App Setup |
| TypeScript | Type-safe development |
| Tailwind CSS | Utility-first Styling |
| ShadCN UI | Elegant, accessible UI Components |
- ✅ Rebuild the MoodMail app with at least 5 custom moods (e.g., nervous, excited)
- ✅ Add emoji suggestions or motivational quotes based on the mood
- ✅ Append today’s date in the subject line
- ✅ Add a Copy to Clipboard button for subject/footer