https://github.com/rishabhraj43/gmail-composer

A Full-Stack Website made in MERN Stack and uses Nodemailer library to send gmail to other person.
https://github.com/rishabhraj43/gmail-composer

exppress-js javscript mongodb nodejs nodemailer-smtp-transport reactjs

Last synced: 3 days ago
JSON representation

A Full-Stack Website made in MERN Stack and uses Nodemailer library to send gmail to other person.

• Host: GitHub
• URL: https://github.com/rishabhraj43/gmail-composer
• Owner: RishabhRaj43
• Created: 2024-08-05T02:44:50.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-06T03:25:22.000Z (3 months ago)
• Last Synced: 2024-08-19T20:06:39.538Z (3 months ago)
• Topics: exppress-js, javscript, mongodb, nodejs, nodemailer-smtp-transport, reactjs
• Language: JavaScript
• Homepage:
• Size: 2.82 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gmail Composer

This is a mail-generating website developed using the MERN stack.

## Features

- **Generate and Send Emails**: Easily create and send emails with customizable templates.

- **Nodemailer Integration**: Uses Nodemailer for reliable email sending.

- **Mailgen Integration**: Utilizes Mailgen for generating visually appealing email templates.

## Tech Stack

- **Frontend**: React.js, Tailwind CSS

- **Backend**: Node.js, Express.js

- **Database**: MongoDB

- **Email Services**: Nodemailer, Mailgen

## Installation

1. **Clone the repository**:

    ```bash

    git clone https://github.com/RishabhRaj43/Gmail-Composer.git

    cd Gmail-Composer

    ```

2. **Install dependencies**:

    - For the backend:

      ```bash

      cd backend

      npm install

      ```

    - For the frontend:

      ```bash

      cd ../frontend

      npm install

      ```

3. **Set up environment variables**:

    - Create a `.env` file in the `backend` directory and add the following:

      ```plaintext

      PORT=5000

      MONGO_URI=your_mongodb_uri

      JWT_SECRET=your_jwt_secret

      [email protected]

      EMAIL_PASS=your_email_password

      ```

4. **Run the application**:

    - Start the backend server:

      ```bash

      cd backend

      npm start

      ```

    - Start the frontend server:

      ```bash

      cd ../frontend

      npm start

      ```

5. **Access the application**:

    Open your browser and navigate to `http://localhost:3000`.

## Usage

- **Generate Email**: Use the interface to create and customize email templates.

- **Send Email**: Send the generated emails to the desired recipients.

## Screenshots

***This is the home page***



***This is how you can write the email***



***The confirmation of email***



Happy Coding 🎉