From b634b050e55af7b86e215a9a6bd3974133e300ce Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Sun, 15 Feb 2026 21:26:38 +0100
Subject: [PATCH] added docker compose for easy setup

---
 backend/.dockerignore  |  7 +++++++
 backend/Dockerfile     | 22 ++++++++++++++++++++++
 backend/entrypoint.sh  | 28 ++++++++++++++++++++++++++++
 docker-compose.yml     | 26 ++++++++++++++++++++++++++
 frontend/.dockerignore |  6 ++++++
 frontend/Dockerfile    | 20 ++++++++++++++++++++
 frontend/src/App.tsx   | 10 +++++-----
 frontend/src/api.ts    |  2 +-
 8 files changed, 115 insertions(+), 6 deletions(-)
 create mode 100644 backend/.dockerignore
 create mode 100644 backend/Dockerfile
 create mode 100755 backend/entrypoint.sh
 create mode 100644 docker-compose.yml
 create mode 100644 frontend/.dockerignore
 create mode 100644 frontend/Dockerfile

diff --git a/backend/.dockerignore b/backend/.dockerignore
new file mode 100644
index 0000000..51c320a
--- /dev/null
+++ b/backend/.dockerignore
@@ -0,0 +1,7 @@
+# Ignore virtual environment and cache
+venv/
+__pycache__/
+*.pyc
+db.sqlite3*
+.idea/
+.vscode/
diff --git a/backend/Dockerfile b/backend/Dockerfile
new file mode 100644
index 0000000..636a820
--- /dev/null
+++ b/backend/Dockerfile
@@ -0,0 +1,22 @@
+# Use an official Python runtime as a parent image
+FROM python:3.14-slim
+
+# Set environment variables
+ENV PYTHONDONTWRITEBYTECODE 1
+ENV PYTHONUNBUFFERED 1
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Install dependencies
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy the rest of the backend code
+COPY . .
+
+# Expose the port the app runs on
+EXPOSE 8000
+
+# Run the entrypoint script
+ENTRYPOINT ["./entrypoint.sh"]
diff --git a/backend/entrypoint.sh b/backend/entrypoint.sh
new file mode 100755
index 0000000..08a1330
--- /dev/null
+++ b/backend/entrypoint.sh
@@ -0,0 +1,28 @@
+#!/bin/sh
+
+# Exit on error
+set -e
+
+# Apply database migrations
+echo "Applying database migrations..."
+python manage.py migrate
+
+# Create superuser if it doesn't exist
+echo "Creating superuser..."
+python manage.py shell <<EOF
+from django.contrib.auth import get_user_model
+User = get_user_model()
+if not User.objects.filter(username='admin').exists():
+    User.objects.create_superuser('admin', 'admin@example.com', 'password123')
+    print('Superuser created.')
+else:
+    print('Superuser already exists.')
+EOF
+
+# Sync flavors from the API
+echo "Syncing flavors..."
+python manage.py sync_flavors
+
+# Start the server
+echo "Starting server..."
+python manage.py runserver 0.0.0.0:8000
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..9b7ce6b
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,26 @@
+version: '3.8'
+
+services:
+  backend:
+    build:
+      context: ./backend
+    ports:
+      - "8000:8000"
+    volumes:
+      - ./backend:/app
+    environment:
+      - PYTHONUNBUFFERED=1
+
+  frontend:
+    build:
+      context: ./frontend
+    ports:
+      - "5173:5173"
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules # Prevents host node_modules from overwriting container
+    depends_on:
+      - backend
+
+volumes:
+  db_data: # Persist the database
diff --git a/frontend/.dockerignore b/frontend/.dockerignore
new file mode 100644
index 0000000..a3cfe56
--- /dev/null
+++ b/frontend/.dockerignore
@@ -0,0 +1,6 @@
+# Ignore dependencies and build artifacts
+node_modules/
+dist/
+.idea/
+.vscode/
+npm-debug.log
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 0000000..9899f66
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,20 @@
+# Use an official Node runtime as a parent image
+FROM node:lts-alpine
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the frontend code
+COPY . .
+
+# Expose the port the app runs on
+EXPOSE 5173
+
+# Start the development server
+CMD ["npm", "run", "dev", "--", "--host"]
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 0174959..3900588 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -116,9 +116,8 @@ const App: React.FC = () => {
     <ThemeProvider theme={theme}>
       <CssBaseline />
       <Router>
-        <AppBar position="sticky" elevation={1}>
-          <Container maxWidth={false} sx={{ px: { xs: 2, sm: 4, md: 6 } }}>
-            <Toolbar disableGutters sx={{ minHeight: { xs: 56, sm: 64 } }}>
+        <AppBar position="fixed" elevation={1}>
+          <Toolbar sx={{ minHeight: { xs: 56, sm: 64 }, px: { xs: 2, sm: 4, md: 6 } }}>
               {isMobile && (
                 <IconButton
                   color="inherit"
@@ -160,9 +159,10 @@ const App: React.FC = () => {
                   <MenuItem onClick={() => handleThemeChange('mocha')}>Mocha</MenuItem>
                 </Menu>
               </Box>
-            </Toolbar>
-          </Container>
+          </Toolbar>
         </AppBar>
+        {/* Spacer for the fixed AppBar */}
+        <Toolbar sx={{ minHeight: { xs: 56, sm: 64 } }} />
 
         <Drawer
           variant="temporary"
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 8d6c3dd..42db3bc 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const api = axios.create({
-  baseURL: 'http://localhost:8000/api/',
+  baseURL: 'http://backend:8000/api/',
 });
 
 api.interceptors.request.use((config) => {