Cloud functionality added

.gitignore

@@ -14,6 +14,7 @@ dist-ssr
 *.local
 /.pnp
 .pnp.js
+.venv
 
 # production
 /build

Dockerfile.client

@@ -0,0 +1,16 @@
+FROM node:20-alpine as build-step
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+COPY package.json package-lock.json tsconfig.json tsconfig.node.json vite.config.ts index.html .eslintrc.cjs ./
+COPY ./src ./src
+COPY ./public ./public
+RUN npm install
+RUN npm run build
+
+# Build step #2: build an nginx container
+FROM nginx:stable-alpine
+COPY --from=build-step /app/dist /usr/share/nginx/html
+COPY deployment/nginx.default.conf /etc/nginx/conf.d/default.conf
+
+# Start Nginx when the container runs
+CMD ["nginx", "-g", "daemon off;"]

Dockerfile.server

@@ -0,0 +1,11 @@
+FROM python:3.11 as server-step
+
+COPY ./data ./data
+WORKDIR /app
+
+COPY requirements.txt api/app.py api/config.yaml ./
+RUN pip install -r ./requirements.txt
+ENV FLASK_ENV production
+EXPOSE 5000
+CMD ["gunicorn", "-b", ":5000", "app:app"]
+

README.md

@@ -10,3 +10,10 @@ This repository houses the Materials Cloud interactive phonons visualizer React
 - install backend dependencies with `pip install -r requirements.txt`
 - launch the backend with `python api/app.py`
 - launch the app with `npm start`
+
+
+#### Running on docker
+The project contains client and server stacks to containerize the application
+You can run the full stack application on a Docker install machine typing 
+`docker compose up ` 
+on the terminal. You can reach to content via localhost:8080 port.

api/.flaskenv

@@ -0,0 +1,2 @@
+FLASK_APP=app.py
+FLASK_ENV=development

deployment/nginx.default.conf

@@ -0,0 +1,23 @@
+# nginx configuration for Docker
+
+server {
+    listen       80;
+    server_name  localhost;
+
+    root   /usr/share/nginx/html;
+    index index.html;
+    error_page   500 502 503 504  /50x.html;
+
+    location / {
+        try_files $uri $uri/ =404;
+        add_header Cache-Control "no-cache";
+    }
+
+    location /static {
+        expires 1y;
+        add_header Cache-Control "public";
+    }
+        location /app {
+        proxy_pass http://app:5000;
+    }
+}

docker-compose.yml

@@ -0,0 +1,15 @@
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile.server
+    image: phonon-visualizer-server
+    ports:
+      - "5000:5000"
+  client:
+    build:
+      context: .
+      dockerfile: Dockerfile.client
+    image: phonon-visualizer-client
+    ports:
+      - "8080:80"

requirements.txt

@@ -1,3 +1,4 @@
 Flask==3.0.3
 Flask-Cors==4.0.1
 PyYAML==6.0.1
+gunicorn==22.0.0