feat:family tree application fully implemented including UI , replationships and data management

Author: a19hu

docker-compose.yml

@@ -0,0 +1,49 @@
+version: '3'
+
+
+services:
+  frontend:
+    build: ./frontend
+    ports:
+      - "3000:3000"
+    depends_on:
+      - backend
+    environment:
+      - REACT_APP_API_URL=http://localhost:8000
+
+  backend:
+    build: ./server
+    ports:
+      - "8000:8000"
+
+
+
+# version: '3'
+
+# services:
+#   backend:
+#     build:
+#       context: ./django
+#       dockerfile: Dockerfile
+#     volumes:
+#       - ./django:/app
+#     env_file:
+#       - .env
+#     expose:
+#       - "8000"
+
+#   frontend:
+#     build:
+#       context: ./react
+#       dockerfile: Dockerfile
+#     expose:
+#       - "80"
+
+#   nginx:
+#     build:
+#       context: ./nginx
+#     ports:
+#       - "80:80"
+#     depends_on:
+#       - backend
+#       - frontend

frontend/.dockerignore

@@ -0,0 +1,7 @@
+node_modules
+
+build 
+
+Dockerfile
+
+

frontend/Dockerfile

@@ -0,0 +1,8 @@
+# build step
+FROM node:alpine 
+WORKDIR /myapp
+COPY package*.json ./
+#COPY . .
+RUN npm install
+COPY . ./
+CMD [ "npm","start" ]

frontend/Dockerfile_production

@@ -0,0 +1,18 @@
+# Build stage
+FROM node:alpine as build
+WORKDIR /myapp
+COPY package*.json ./
+RUN npm install
+COPY . ./
+RUN npm run build
+
+# production stage
+
+FROM nginx:alpine
+# COPY nginx.conf /etc/nginx/nginx.conf
+COPY --from=build /myapp/build /user/share/nginx/html/
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
+
+
+

frontend/nginx.conf

@@ -0,0 +1,34 @@
+upstream app{
+	server django:8000;
+}
+
+server {
+    listen 80;
+    server_name localhost:;
+
+    location /api/ {
+        proxy_pass http://backend:8000;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    location / {
+        root /usr/share/nginx/html;
+        try_files $uri /index.html;
+    }
+
+    # Optionally, configure caching for static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
+        expires 1d;
+        add_header Cache-Control "public";
+    }
+
+    # Error page configuration
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}
+