first

README.md

@@ -0,0 +1,11 @@
+# What is it?
+
+This is just a small Vue.js demo app with a Django Rest API Backend that writes "Todos" to a Postgesql DB.
+It serves as demo to on how to setup the containerization with docker.
+
+clone the repo. 
+Adjust the .env files.
+run: ```docker compose up --build```
+run: ```docker-compose exec backend python manage.py createsuperuser``` and create a user in the backend.
+the frontend runs on http://localhost:5173
+

docker-compose.yml

@@ -0,0 +1,39 @@
+services:
+  db:
+    image: postgres:13
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    environment:
+      - POSTGRES_DB=todo_db
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=postgres
+    ports:
+      - "5432:5432"
+
+  backend:
+    build: ./backend
+    volumes:
+      - ./backend:/app
+    ports:
+      - "8000:8000"
+    environment:
+      - DB_NAME=todo_db
+      - DB_USER=postgres
+      - DB_PASSWORD=postgres
+      - DB_HOST=db
+      - DB_PORT=5432
+      - DEBUG=1
+    depends_on:
+      - db
+
+  frontend:
+    build: ./frontend
+    ports:
+      - "5173:5173"
+    environment:
+      - VITE_API_URL=http://localhost:8000/api
+    depends_on:
+      - backend
+
+volumes:
+  postgres_data: