Operation: MOTHERS-DAY

React / Express / VonageSDK

Our best-looking undercover operative has gone missing and we have to act fast to find her, confirm her identity, and extract her from danger! 😎

---

Development

npm run start – serve the React app with hot reload + start the Node server. There are also separate commands to run just one or the other (npm run front and npm run back)

npm run build – build the React app for production

npm run server – start the Node app with node instead of nodemon

npm run eject – if you're not happy with the default configuration from create-react-app, this command will give you finer-grained access to it

By default, the React app is served at localhost:3000 and the Node server at localhost:7777/api. This can be customized by updating the .env files (.env.development, .env.production, api.env).

---

Deployment

Copy api.env.example to api.env:

$ cp api.env.example api.env

Replace the example values with the correct information for your environment.

Install dependencies:

$ npm i

Build the React app:

$ npm run build

Start the Node app with any process server (such as pm2):

$ pm2 start npm --name omd-api -- run server

If you want to serve requests to both ends of the app over one domain, make sure you proxy API requests to the port where the Node server is running. In Apache, add this to your VirtualHost:

ProxyPass /api http://localhost:7777/api
ProxyPassReverse /api http://localhost:7777/api
ProxyPreserveHost On

---

VonageSDK for sending SMS from the browser

Create an account with Vonage in order to get the necessary API_KEY and API_SECRET, and your FROM number. You'll only be able to send test messages until you create a new "Brand", at which point you can send SMS messages to a single number (the one you signed up with). The number can be changed but requires a 2FA code to prove ownership.

During development, you can set the DISABLE_APIS flag in api.env to enable / disable calls to the Vonage API.