Merge pull request #2 from obvonage/main

Create .env

Author: ruskibenya

.env

@@ -0,0 +1,4 @@
+API_KEY=
+API_SECRET=
+OPENAI_API_KEY=
+EVENT_URL=

README.md

@@ -1,8 +1,84 @@
 ## Integrate Phone Calls and SMS with OpenAI
 
+Full workflow here [https://developer.vonage.com/en/blog/integrate-phone-calls-and-sms-with-openai](https://developer.vonage.com/en/blog/integrate-phone-calls-and-sms-with-openai)
+
 We've already developed a starter Vonage Voice application to receive a call, catch your response, and send it to a 3rd party (OpenAI).
 Users can deploy the App using Github Codespaces.
 Fork [this repository](https://github.com/Vonage-Community/tutorial-voice-messages-node-openai-integration). Open it in Codespaces by clicking "Create codespace on main"
 
 ![Create Codespace interface](codespaces.png)
 
+## Create a new Vonage app
+In the left menu [here](https://dashboard.nexmo.com/), click API Settings, left menu item.
+
+![API Settings](settings.png)
+
+Copy and paste in the `.env` file API key and API Secret
+
+```
+API_KEY=b**********
+API_SECRET=******************
+```
+
+**OpenAI API**
+
+After [registering](https://beta.openai.com/signup)  and confirming your phone number, you need to generate your [API key](https://beta.openai.com/account/api-keys).
+
+With this API key, we can move forward.
+
+Paste it to your `.env` file
+
+```
+API_KEY=b**********
+API_SECRET=******************
+OPENAI_API_KEY=sk-**************************************
+```
+
+## Deploy Our App in Codespace
+
+Open GitHub Codespace in your fork.
+
+In the Codespace terminal, run the following command to install our Node packages:
+
+```
+npm install
+```
+
+Run the following command in the terminal to receive the GitHub Codespace URL for webhooks
+
+```
+echo "https://${CODESPACE_NAME}-3000.preview.app.github.dev/webhooks/asr" 
+```
+
+Copy and paste the output in `EVENT_URL=` in the `.env` file
+
+```
+API_KEY=b**********
+API_SECRET=******************
+OPENAI_API_KEY=sk-**************************************
+EVENT_URL=https://******************************************-3000.preview.app.github.dev/webhooks/asr
+```
+
+Update App settings using [Dashboard](https://dashboard.nexmo.com/). Go to Application in the left menu. Choose a related app and  click the 'Edit' button
+
+![Edit App](edit-app-urls.png)
+
+Run the App
+
+```bash
+node index.js
+```
+
+In the terminal, open the `Port` tab. Click on `Private` in the `Visibility` column, and change it to `Public`.
+
+![codespace port public](codespace-port-public.png)
+
+Everything is ready
+
+* Try this out by calling the number that is linked with the app `**732**56**`
+* Tell the bot your tip
+* Wait for the content in the corresponding messenger
+* Monitor the console
+
+
+