Roc8-Mail

This project is made as an assignment for Moonshot. This is a simple email client built with Next.js that allows users to view, filter, and interact with email data. The application includes features such as marking emails as read, favorite emails, and pagination.

Features

• View Emails: Displays a list of emails with metadata including sender, subject, date, and a short description.
• Filter Emails: Filtering emails by read, unread, and favorites.
• Email Detail View: Allows users to view the full content of an email.
• Mark as Favorite: Users can toggle the "favorite" status for individual emails.
• Mark as Read: Automatically marks an email as read when viewed.
• Pagination: Displays a limited number of emails per page to enhance user experience.

Screenshots

Tech Stack

• Frontend: Next.js
• UI Styling: Tailwind CSS
• Notifications: React Toastify

Installation

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/AnchalDevBytes/roc8-mail.git
   cd roc8-mail

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Deployment

The application is deployed on Vercel. live link