Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/basir/react-node-send-email


https://github.com/basir/react-node-send-email

Last synced: 27 days ago
JSON representation

Awesome Lists containing this project

README

        

# Send Email By Mailgun, Node and React

![send email](/public/app.jpg)

Watch it on Youtube:
[https://youtu.be/xYuW_XDvYyQ](https://youtu.be/xYuW_XDvYyQ)

## You Will Learn

- React: Components, Props, Events, Hooks, Axios
- Node & Express: Web API, Body Parser

## Run Locally

### 1. Clone repo

```
$ git clone [email protected]:basir/react-node-send-email.git
$ cd react-node-send-email
```

### 2. Create .env File

- duplicate .env.example in backend folder and rename it to .env
- create account on mailgun.con
- enter domain and api key in the .env fole

### 3. Run Backend

```
$ cd backend
$ npm install
$ npm start
```

### 4. Run Frontend

```
# open new terminal
$ npm install
$ npm start
```

### 6. Test

- Open http://localhost:3000
- Enter email, subject and message and click send email
- Check your inbox

## Support

- Contact Instructor: [Basir](mailto:[email protected])