Project Description
Mail is a fully interactive, single-page email client that replicates the core functionality of modern webmail services. Designed with a focus on user experience and seamless navigation, the app allows users to send, receive, archive, and reply to emails—all without reloading the page.
The application communicates with a backend API to fetch and manipulate email data, offering a smooth and responsive interface for managing daily communications.
Key Features
-
Send Mail
Compose and send emails with recipients, subject, and body. Upon sending, the app automatically redirects to the Sent mailbox for confirmation. -
Mailbox Navigation
Instantly switch between Inbox, Sent, and Archive views. Each mailbox dynamically loads the latest emails via API requests and displays them in a clean, card-style layout. -
Email Read Status
Unread emails are visually distinguished with a white background, while read emails appear in gray—helping users quickly identify new messages. -
View Email Details
Clicking on an email opens a detailed view showing the sender, recipients, subject, timestamp, and full message body. The email is marked as read upon viewing. -
Archive & Unarchive
Easily archive or unarchive emails with a single click. Archived emails are removed from the Inbox and stored separately, while unarchived emails return to the Inbox. -
Reply Functionality
Users can reply to any received email. The reply form is pre-filled with the original sender, a properly formatted subject line (with “Re:” prefix), and a quoted message body for context.
