Add DigitalOcean app config

Author: codevalley

.do/app.yaml

@@ -0,0 +1,22 @@
+name: backwave
+services:
+- name: backend
+  github:
+    repo: codevalley/backwave
+    branch: main
+    deploy_on_push: true
+  source_dir: /
+  envs:
+  - key: MONGO_URI
+    value: ${MONGO_URI}
+  - key: PORT
+    value: ${backend.PORT}
+- name: frontend
+  github:
+    repo: codevalley/backwave
+    branch: main
+    deploy_on_push: true
+  source_dir: webapp
+  envs:
+  - key: VUE_APP_API_URL
+    value: ${backend.INTERNAL_URL}

Procfile

@@ -0,0 +1 @@
+web: gunicorn --bind 0.0.0.0:$PORT app:app

README.md

@@ -138,6 +138,21 @@ Replace `{survey_id}` with the actual survey ID from your created survey.
 
 For detailed API documentation, refer to the [api_endpoints.md](api_endpoints.md) file.
 
+## Setting up Environment Variables in DigitalOcean App Platform
+
+After creating your app in DigitalOcean App Platform:
+
+1. Go to the App Platform dashboard and select your app.
+2. Click on the "Settings" tab.
+3. Scroll down to the "Environment Variables" section.
+4. Click "Edit" and then "Add Variable".
+5. Add a new variable:
+   - Key: MONGO_URI
+   - Value: Your MongoDB connection string (e.g., mongodb+srv://username:password@cluster.mongodb.net/database?retryWrites=true&w=majority)
+6. Click "Save".
+
+The ${backend.INTERNAL_URL} and ${backend.PORT} variables are automatically set by DigitalOcean App Platform, so you don't need to configure them manually.
+
 ## Troubleshooting
 
 1. If you encounter CORS issues:

requirements.txt

@@ -5,5 +5,5 @@ dnspython
 Werkzeug==2.2.2
 requests
 flask-cors
-gunicorn
+gunicorn=20.1.0
 nltk

webapp/package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+     "postinstall": "npm run build"
   },
   "dependencies": {
     "axios": "^1.7.2",

webapp/src/static.json

@@ -0,0 +1,7 @@
+{
+    "root": "dist",
+    "clean_urls": true,
+    "routes": {
+      "/**": "index.html"
+    }
+  }