Improve TempMail UI and Add Automated Email Generation #2
Description
Summary
Enhance the TempMail dashboard UI to be more modern, visually appealing, and user-friendly. Implement an automated system that generates random email addresses with random passwords, and saves these credentials to data/email.json.
Requirements
- Refactor the UI for a more modern look and better usability (responsive, minimal, clean, and interactive).
- Add a feature to automatically generate new email addresses with random names and passwords.
- Store generated email addresses and passwords securely in
data/email.json. - Update the UI to reflect new email addresses as they are created, in real time.
- Ensure robust HTML/plain text detection for displaying emails.
Implementation Notes
- UI should use modern CSS and JavaScript (no inline comments in code).
- Ensure the email content modal automatically detects and displays HTML or plain text content appropriately.
- Real-time updates: use polling or websockets for inbox refresh and email creation notifications.
- The codebase should be clean and well-structured, avoiding unnecessary code comments.
Acceptance Criteria
- The dashboard UI is visually modern and responsive.
- A button or control allows users to create a new random email address; the generated account is immediately usable and shown in the selector.
- Credentials (email and password) are safely appended to
data/email.json. - Inbox and new email addresses update in real time.
- Email display correctly auto-detects HTML vs plain text.
Additional Context
See the original PHP/HTML/JS code for current features and styling. Refactor and extend as necessary for these improvements.