diff --git a/Dockerfile b/Dockerfile
index b5823e504..6d833ce5d 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -7,7 +7,7 @@ RUN npm run build
 
 FROM python:3.8-alpine
 
-RUN apk add --no-cache git curl libxml2-dev libxslt-dev libxml2 
+RUN apk add --no-cache  libxml2-dev libxslt-dev libxml2 
 ENV ENV prod
 EXPOSE 80
 WORKDIR /app
@@ -15,6 +15,7 @@ WORKDIR /app
 COPY ./pyproject.toml /app/
 
 RUN apk add --update --no-cache --virtual .build-deps \
+    curl \
     g++ \
     py-lxml \
     python3-dev \
@@ -35,34 +36,4 @@ RUN rm -rf /app/test /app/.temp
 
 
 VOLUME [ "/app_data/" ]
-CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "80"]
-
-# ---------------------------------- #
-# Old Docker File
-# ---------------------------------- #
-
-# FROM tiangolo/uvicorn-gunicorn-fastapi:python3.8-slim
-# FROM mrnr91/uvicorn-gunicorn-fastapi:python3.8
-
-
-# WORKDIR /app
-
-# RUN apt-get update -y && \
-#     apt-get install -y python-pip python-dev git curl python3-dev libxml2-dev libxslt1-dev zlib1g-dev --no-install-recommends && \
-#     rm -rf /var/lib/apt/lists/* && \
-#     curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | POETRY_HOME=/opt/poetry python && \
-#     cd /usr/local/bin && \
-#     ln -s /opt/poetry/bin/poetry && \
-#     poetry config virtualenvs.create false
-
-# COPY ./pyproject.toml /app/
-
-# COPY ./mealie /app
-# RUN poetry install --no-root --no-dev
-# COPY --from=build-stage /app/dist /app/dist
-# RUN rm -rf /app/test /app/.temp
-
-# ENV ENV prod
-# ENV APP_MODULE "app:app"
-
-# VOLUME [ "/app/data" ]
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "80"]
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7061fce74..7f7e1ce4e 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1966,6 +1966,16 @@
           "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
         "cacache": {
           "version": "13.0.1",
           "resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
@@ -1992,6 +2002,53 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -2008,6 +2065,16 @@
             "minipass": "^3.1.1"
           }
         },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
         "terser-webpack-plugin": {
           "version": "2.3.8",
           "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
@@ -2024,6 +2091,18 @@
             "terser": "^4.6.12",
             "webpack-sources": "^1.4.3"
           }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.1.2",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
+          "integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -10175,6 +10254,11 @@
         "is-plain-obj": "^1.0.0"
       }
     },
+    "sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
+      "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+    },
     "source-list-map": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
@@ -11521,87 +11605,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.1.2",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
-      "integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "3.4.9",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.4.9.tgz",
@@ -11641,6 +11644,14 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "vuedraggable": {
+      "version": "2.24.3",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+      "requires": {
+        "sortablejs": "1.10.2"
+      }
+    },
     "vuetify": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.4.2.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 4deceb724..9d5aa8837 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,6 +17,7 @@
     "vue": "^2.6.11",
     "vue-i18n": "^8.22.4",
     "vue-router": "^3.4.9",
+    "vuedraggable": "^2.24.3",
     "vuetify": "^2.4.2",
     "vuex": "^3.6.0",
     "vuex-persistedstate": "^4.0.0-beta.3"
@@ -61,4 +62,4 @@
     "semi": true,
     "singleQuote": false
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/Settings/General/index.vue b/frontend/src/components/Settings/General/index.vue
index 3d44f5854..226932c92 100644
--- a/frontend/src/components/Settings/General/index.vue
+++ b/frontend/src/components/Settings/General/index.vue
@@ -1,16 +1,77 @@
 <template>
   <v-card>
-    <v-card-title> General Settings </v-card-title>
+    <v-card-title>
+      General Settings
+      <v-spacer></v-spacer>
+      <span>
+        <v-btn class="pt-1" text to="/docs">
+          <v-icon left>mdi-link</v-icon>
+          Local API
+        </v-btn>
+      </span>
+    </v-card-title>
     <v-divider></v-divider>
     <v-card-text>
       <h2 class="mt-1 mb-1">Home Page</h2>
+      <v-slider
+        label="Card Per Section"
+        v-model="homeOptions.recipesToShow"
+        max="30"
+        dense
+        color="primary"
+        min="3"
+        thumb-label
+      >
+      </v-slider>
+    </v-card-text>
+    <v-card-text>
       <v-row>
-        <v-col> Section Selector </v-col>
-        <v-col cols="2">
-          <v-text-field label="Card Limit"></v-text-field>
+        <v-col>
+          <v-card outlined min-height="250">
+            <v-card-text class="pb-1">
+              <h3>Homepage Categories</h3>
+            </v-card-text>
+            <v-divider></v-divider>
+            <v-list min-height="200px" dense>
+              <v-list-item-group>
+                <draggable v-model="usedCategories" group="categories">
+                  <v-list-item v-for="item in usedCategories" :key="item">
+                    <v-list-item-icon>
+                      <v-icon>mdi-menu</v-icon>
+                    </v-list-item-icon>
+
+                    <v-list-item-content>
+                      <v-list-item-title v-text="item"></v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                </draggable>
+              </v-list-item-group>
+            </v-list>
+          </v-card>
+        </v-col>
+        <v-col>
+          <v-card outlined min-height="250px">
+            <v-card-text class="pb-1">
+              <h3>All Categories</h3>
+            </v-card-text>
+            <v-divider></v-divider>
+            <v-list min-height="200px" dense>
+              <v-list-item-group>
+                <draggable v-model="categories" group="categories">
+                  <v-list-item v-for="item in categories" :key="item">
+                    <v-list-item-icon>
+                      <v-icon>mdi-menu</v-icon>
+                    </v-list-item-icon>
+
+                    <v-list-item-content>
+                      <v-list-item-title v-text="item"></v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                </draggable>
+              </v-list-item-group>
+            </v-list>
+          </v-card>
         </v-col>
-        <v-spacer> </v-spacer>
-        <v-spacer> </v-spacer>
       </v-row>
     </v-card-text>
     <v-divider></v-divider>
@@ -36,17 +97,30 @@
 </template>
 
 <script>
+import draggable from "vuedraggable";
+
 export default {
+  components: {
+    draggable,
+  },
   data() {
     return {
+      categories: ["cat 1", "cat 2", "cat 3"],
+      usedCategories: ["recent"],
       langOptions: [],
       selectedLang: "en",
+      homeOptions: {
+        recipesToShow: 10,
+      },
     };
   },
   mounted() {
     this.getOptions();
   },
   watch: {
+    usedCategories() {
+      console.log(this.usedCategories);
+    },
     selectedLang() {
       this.$store.commit("setLang", this.selectedLang);
     },
diff --git a/mealie/app.py b/mealie/app.py
index 1f8574a2c..62f1769fa 100644
--- a/mealie/app.py
+++ b/mealie/app.py
@@ -32,6 +32,7 @@ def mount_static_files():
 
 def api_routers():
     # First
+    print()
     app.include_router(recipe_routes.router)
     app.include_router(meal_routes.router)
     app.include_router(setting_routes.router)
diff --git a/mealie/models/backup_models.py b/mealie/models/backup_models.py
index 21bf661b6..6e8893078 100644
--- a/mealie/models/backup_models.py
+++ b/mealie/models/backup_models.py
@@ -22,13 +22,13 @@ class BackupOptions(BaseModel):
 class BackupJob(BaseModel):
     tag: Optional[str]
     options: BackupOptions
-    templates: Optional[List[str]] = []
+    templates: Optional[List[str]]
 
     class Config:
         schema_extra = {
             "example": {
                 "tag": "July 23rd 2021",
-                "options": BackupOptions,
+                "options": BackupOptions(),
                 "template": ["recipes.md"],
             }
         }