https://github.com/anchaldevbytes/roc8-mail

Email Client Application.
https://github.com/anchaldevbytes/roc8-mail

nextjs taiwindcss typescript

Last synced: 1 day ago
JSON representation

Email Client Application.

• Host: GitHub
• URL: https://github.com/anchaldevbytes/roc8-mail
• Owner: AnchalDevBytes
• Created: 2024-10-12T08:12:19.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T11:40:57.000Z (3 months ago)
• Last Synced: 2024-11-10T17:21:30.198Z (about 2 months ago)
• Topics: nextjs, taiwindcss, typescript
• Language: TypeScript
• Homepage: https://roc8-mail.vercel.app
• Size: 555 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

![Homepage](/assets/page1.png)

![Homepage](/assets/page2.png)

## Tech Stack

- **Frontend:** [Next.js](https://nextjs.org/)

- **UI Styling:** [Tailwind CSS](https://tailwindcss.com/)

- **Notifications:** [React Toastify](https://fkhadra.github.io/react-toastify/)

## Installation

To run the application locally, follow these steps:

1. **Clone the repository:**

   ```bash

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

   cd roc8-mail

   ```

2. **Install dependencies:**

   ```bash

   npm install

   ```

3. **Run the development server:**

    ```bash

   npm run dev

   ```

## Deployment

The application is deployed on Vercel. [live link](https://roc8-mail.vercel.app/)