diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1f722a0e8..504026725 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,5 +4,10 @@
 	},
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"editor.formatOnSave": true,
-	"rust-analyzer.linkedProjects": [".\\src-tauri\\Cargo.toml"]
+	"rust-analyzer.linkedProjects": [
+		".\\src-tauri\\Cargo.toml"
+	],
+	"[vue]": {
+		"editor.defaultFormatter": "Wscats.vue"
+	}
 }
diff --git a/src/components/Greet/Greet.vue b/src/components/Greet/Greet.vue
index 52692f579..ec616ac2c 100644
--- a/src/components/Greet/Greet.vue
+++ b/src/components/Greet/Greet.vue
@@ -7,6 +7,7 @@ import TextButton from '@/components/Common/TextButton.vue'
 import Notification from '@/components/Notifications/Notification.vue'
 
 import { PWAFileSystem } from '@/libs/fileSystem/PWAFileSystem'
+import { join } from 'pathe'
 import { computed, ref } from 'vue'
 import { useTranslate } from '@/libs/locales/Locales'
 import { ProjectInfo, ProjectManager, useConvertableProjects, useCurrentProject, useProjects } from '@/libs/project/ProjectManager'
@@ -19,6 +20,7 @@ import {
 	useBridgeFolderUnloaded,
 } from '@/libs/fileSystem/FileSystem'
 import { CreateProjectWindow } from '@/components/Windows/CreateProject/CreateProjectWindow'
+import { EditProjectWindow } from '@/components/Windows/EditProject/EditProjectWindow'
 import { NotificationSystem } from '@/components/Notifications/NotificationSystem'
 import { convertProject } from '@/libs/project/ConvertComMojangProject'
 
@@ -46,7 +48,11 @@ async function openProject(project: ProjectInfo) {
 	ProjectManager.loadProject(project.name)
 }
 
-async function edit(name: string) {}
+async function edit(name: string) {
+	const projectInfo = await ProjectManager.getProjectInfo(join('/projects', name))
+	if(!projectInfo) throw new Error("Failed to get project info!")
+	Windows.open(new EditProjectWindow(projectInfo))
+}
 
 const bridgeFolderUnloaded = useBridgeFolderUnloaded()
 </script>
diff --git a/src/components/Windows/CreateProject/CreateProject.vue b/src/components/Windows/CreateProject/CreateProject.vue
index 27fc56c2c..0d40c79ac 100644
--- a/src/components/Windows/CreateProject/CreateProject.vue
+++ b/src/components/Windows/CreateProject/CreateProject.vue
@@ -1,410 +1,472 @@
 <script lang="ts" setup>
-import Window from '@/components/Windows/Window.vue'
-import Icon from '@/components/Common/Icon.vue'
-import Switch from '@/components/Common/Switch.vue'
-import LabeledInput from '@/components/Common/LabeledInput.vue'
-import InformativeToggle from '@/components/Common/InformativeToggle.vue'
-import Expandable from '@/components/Common/Expandable.vue'
-import Dropdown from '@/components/Common/Legacy/LegacyDropdown.vue'
-
-import { ComputedRef, Ref, computed, onMounted, ref, watch } from 'vue'
-import { IPackType } from 'mc-project-core'
-import { ProjectManager } from '@/libs/project/ProjectManager'
-import { ConfigurableFile } from '@/libs/project/create/files/configurable/ConfigurableFile'
-import { FormatVersionDefinitions, ExperimentalToggle, useGetData, Data } from '@/libs/data/Data'
-import { v4 as uuid } from 'uuid'
-import { useTranslate } from '@/libs/locales/Locales'
-import { fileSystem } from '@/libs/fileSystem/FileSystem'
-import { Windows } from '../Windows'
-import { CreateProjectWindow } from './CreateProjectWindow'
-import TextButton from '@/components/Common/TextButton.vue'
-import { useIsMobile } from '@/libs/Mobile'
-import { packs } from '@/libs/project/Packs'
-import { Settings } from '@/libs/settings/Settings'
-import LabeledTextInput from '@/components/Common/LabeledTextInput.vue'
-
-const t = useTranslate()
-const getData = useGetData()
-
-const projectIconInput: Ref<HTMLInputElement | null> = ref(null)
-
-const linkBehaviourPack = ref(false)
-const linkResourcePack = ref(false)
+import Window from "@/components/Windows/Window.vue";
+import Icon from "@/components/Common/Icon.vue";
+import Switch from "@/components/Common/Switch.vue";
+import LabeledInput from "@/components/Common/LabeledInput.vue";
+import InformativeToggle from "@/components/Common/InformativeToggle.vue";
+import Expandable from "@/components/Common/Expandable.vue";
+import Dropdown from "@/components/Common/Legacy/LegacyDropdown.vue";
+import LabeledTextInput from "@/components/Common/LabeledTextInput.vue";
+import TextButton from "@/components/Common/TextButton.vue";
+
+import { ComputedRef, Ref, computed, onMounted, ref, watch } from "vue";
+import { IPackType } from "mc-project-core";
+import { ProjectManager } from "@/libs/project/ProjectManager";
+import { ConfigurableFile } from "@/libs/project/create/files/configurable/ConfigurableFile";
+import {
+  FormatVersionDefinitions,
+  ExperimentalToggle,
+  useGetData,
+  Data,
+} from "@/libs/data/Data";
+import { v4 as uuid } from "uuid";
+import { useTranslate } from "@/libs/locales/Locales";
+import { fileSystem } from "@/libs/fileSystem/FileSystem";
+import { Windows } from "../Windows";
+import { CreateProjectWindow } from "./CreateProjectWindow";
+import { useIsMobile } from "@/libs/Mobile";
+import { packs } from "@/libs/project/Packs";
+import { Settings } from "@/libs/settings/Settings";
+
+const t = useTranslate();
+const getData = useGetData();
+
+const projectIconInput: Ref<HTMLInputElement | null> = ref(null);
+
+const linkBehaviourPack = ref(false);
+const linkResourcePack = ref(false);
 
 function setLinkBehaviourPack(value: boolean) {
-	if (!selectedPackTypes.value.find((pack) => pack.id === 'behaviorPack'))
-		selectPackType(packTypes.value.find((packType) => packType.id === 'behaviorPack')!)
-	if (!selectedPackTypes.value.find((pack) => pack.id === 'resourcePack'))
-		selectPackType(packTypes.value.find((packType) => packType.id === 'resourcePack')!)
+  if (!selectedPackTypes.value.find((pack) => pack.id === "behaviorPack"))
+    selectPackType(packTypes.value.find((packType) => packType.id === "behaviorPack")!);
+  if (!selectedPackTypes.value.find((pack) => pack.id === "resourcePack"))
+    selectPackType(packTypes.value.find((packType) => packType.id === "resourcePack")!);
 
-	linkBehaviourPack.value = value
+  linkBehaviourPack.value = value;
 }
 
 function setLinkResourcePack(value: boolean) {
-	if (!selectedPackTypes.value.find((pack) => pack.id === 'behaviorPack'))
-		selectPackType(packTypes.value.find((packType) => packType.id === 'behaviorPack')!)
-	if (!selectedPackTypes.value.find((pack) => pack.id === 'resourcePack'))
-		selectPackType(packTypes.value.find((packType) => packType.id === 'resourcePack')!)
+  if (!selectedPackTypes.value.find((pack) => pack.id === "behaviorPack"))
+    selectPackType(packTypes.value.find((packType) => packType.id === "behaviorPack")!);
+  if (!selectedPackTypes.value.find((pack) => pack.id === "resourcePack"))
+    selectPackType(packTypes.value.find((packType) => packType.id === "resourcePack")!);
 
-	linkResourcePack.value = value
+  linkResourcePack.value = value;
 }
 
-const projectName: Ref<string> = ref('New Project')
-const projectDescription: Ref<string> = ref('')
-const projectNamespace: Ref<string> = ref('bridge')
-const projectAuthor: Ref<string> = ref('')
-const projectTargetVersion: Ref<string> = ref('1.20.50')
-const projectIcon: Ref<File | null> = ref(null)
+const projectName: Ref<string> = ref("New Project");
+const projectDescription: Ref<string> = ref("");
+const projectNamespace: Ref<string> = ref("bridge");
+const projectAuthor: Ref<string> = ref("");
+const projectTargetVersion: Ref<string> = ref("1.20.50");
+const projectIcon: Ref<File | null> = ref(null);
 
-const packTypes: Ref<IPackType[]> = ref([])
-const selectedPackTypes: Ref<IPackType[]> = ref([])
+const packTypes: Ref<IPackType[]> = ref([]);
+const selectedPackTypes: Ref<IPackType[]> = ref([]);
 
-const experimentalToggles: Ref<ExperimentalToggle[]> = ref([])
-const selectedExperimentalToggles: Ref<ExperimentalToggle[]> = ref([])
+const experimentalToggles: Ref<ExperimentalToggle[]> = ref([]);
+const selectedExperimentalToggles: Ref<ExperimentalToggle[]> = ref([]);
 
 async function setup() {
-	projectAuthor.value = Settings.get('defaultAuthor')
+  projectAuthor.value = Settings.get("defaultAuthor");
 
-	projectNamespace.value = Settings.get('defaultNamespace')
+  projectNamespace.value = Settings.get("defaultNamespace");
 
-	packTypes.value = (await getData.value('packages/minecraftBedrock/packDefinitions.json')) || []
+  packTypes.value =
+    (await getData.value("packages/minecraftBedrock/packDefinitions.json")) || [];
 
-	experimentalToggles.value = (await getData.value('packages/minecraftBedrock/experimentalGameplay.json')) || []
+  experimentalToggles.value =
+    (await getData.value("packages/minecraftBedrock/experimentalGameplay.json")) || [];
 
-	formatVersionDefinitions.value = <FormatVersionDefinitions>await getData.value('packages/minecraftBedrock/formatVersions.json') || []
+  formatVersionDefinitions.value =
+    <FormatVersionDefinitions>(
+      await getData.value("packages/minecraftBedrock/formatVersions.json")
+    ) || [];
 
-	if (!formatVersionDefinitions.value) return
+  if (!formatVersionDefinitions.value) return;
 
-	projectTargetVersion.value = formatVersionDefinitions.value.currentStable
+  projectTargetVersion.value = formatVersionDefinitions.value.currentStable;
 }
 
-watch(getData, setup)
-onMounted(setup)
+watch(getData, setup);
+onMounted(setup);
 
 const availableConfigurableFiles = computed(() => {
-	const files: ConfigurableFile[] = []
+  const files: ConfigurableFile[] = [];
 
-	for (const packType of selectedPackTypes.value) {
-		const pack = packs[packType.id]
+  for (const packType of selectedPackTypes.value) {
+    const pack = packs[packType.id];
 
-		if (!pack) continue
+    if (!pack) continue;
 
-		files.push(...pack.configurableFiles)
-	}
+    files.push(...pack.configurableFiles);
+  }
 
-	return files
-})
+  return files;
+});
 
 function validateProjectName(value: string): string | null {
-	if (value === '') return 'windows.createProject.name.mustNotBeEmpty'
-	if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null) return 'windows.createProject.name.invalidLetters'
-	if (value.endsWith('.')) return 'windows.createProject.name.endsInPeriod'
+  if (value === "") return "windows.createProject.name.mustNotBeEmpty";
+  if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.name.invalidLetters";
+  if (value.endsWith(".")) return "windows.createProject.name.endsInPeriod";
 
-	return null
+  return null;
 }
 
 function validateProjectNamespace(value: string): string | null {
-	if (value.toLocaleLowerCase() !== value) return 'windows.createProject.namespace.invalidCharacters'
-	if (value.includes(' ')) return 'windows.createProject.namespace.invalidCharacters'
-	if (value.includes(':')) return 'windows.createProject.namespace.invalidCharacters'
-	if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null) return 'windows.createProject.namespace.invalidCharacters'
-	if (value === '') return 'windows.createProject.namespace.mustNotBeEmpty'
-
-	return null
+  if (value.toLocaleLowerCase() !== value)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (value.includes(" ")) return "windows.createProject.namespace.invalidCharacters";
+  if (value.includes(":")) return "windows.createProject.namespace.invalidCharacters";
+  if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (value === "") return "windows.createProject.namespace.mustNotBeEmpty";
+
+  return null;
 }
 
-const selectedFiles: Ref<ConfigurableFile[]> = ref([])
-const formatVersionDefinitions: Ref<FormatVersionDefinitions | null> = ref(null)
+const selectedFiles: Ref<ConfigurableFile[]> = ref([]);
+const formatVersionDefinitions: Ref<FormatVersionDefinitions | null> = ref(null);
 
 const validationError: ComputedRef<string | null> = computed(() => {
-	if (selectedPackTypes.value.length === 0) return 'windows.createProject.errors.noPacks'
-	if (projectName.value === '') return 'windows.createProject.name.mustNotBeEmpty'
-	if (projectName.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null) return 'windows.createProject.name.invalidLetters'
-	if (projectName.value.endsWith('.')) return 'windows.createProject.name.endsInPeriod'
-
-	if (projectNamespace.value.toLocaleLowerCase() !== projectNamespace.value) return 'windows.createProject.namespace.invalidCharacters'
-	if (projectNamespace.value.includes(' ')) return 'windows.createProject.namespace.invalidCharacters'
-	if (projectNamespace.value.includes(':')) return 'windows.createProject.namespace.invalidCharacters'
-	if (projectNamespace.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null) return 'windows.createProject.namespace.invalidCharacters'
-	if (projectNamespace.value === '') return 'windows.createProject.namespace.mustNotBeEmpty'
-
-	return null
-})
+  if (selectedPackTypes.value.length === 0) return "windows.createProject.errors.noPacks";
+  if (projectName.value === "") return "windows.createProject.name.mustNotBeEmpty";
+  if (projectName.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.name.invalidLetters";
+  if (projectName.value.endsWith(".")) return "windows.createProject.name.endsInPeriod";
+
+  if (projectNamespace.value.toLocaleLowerCase() !== projectNamespace.value)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.includes(" "))
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.includes(":"))
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value === "")
+    return "windows.createProject.namespace.mustNotBeEmpty";
+
+  return null;
+});
 
 async function create() {
-	if (validationError.value !== null) return
-
-	ProjectManager.createProject(
-		{
-			name: projectName.value,
-			description: projectDescription.value,
-			namespace: projectNamespace.value,
-			author: projectAuthor.value,
-			targetVersion: projectTargetVersion.value,
-			icon: projectIcon.value ?? (await Data.getRaw(`packages/common/packIcon.png`)),
-			packs: ['bridge', ...selectedPackTypes.value.map((pack) => pack.id)],
-			configurableFiles: selectedFiles.value.map((file) => file.id),
-			rpAsBpDependency: linkResourcePack.value,
-			bpAsRpDependency: linkBehaviourPack.value,
-			uuids: Object.fromEntries(selectedPackTypes.value.map((packType) => [packType.id, uuid()])),
-			experiments: Object.fromEntries(
-				experimentalToggles.value.map((toggle) => [toggle.id, selectedExperimentalToggles.value.includes(toggle)])
-			),
-		},
-		fileSystem
-	)
-
-	Windows.close(CreateProjectWindow)
+  if (validationError.value !== null) return;
+
+  ProjectManager.createProject(
+    {
+      name: projectName.value,
+      description: projectDescription.value,
+      namespace: projectNamespace.value,
+      author: projectAuthor.value,
+      targetVersion: projectTargetVersion.value,
+      icon: projectIcon.value ?? (await Data.getRaw(`packages/common/packIcon.png`)),
+      packs: ["bridge", ...selectedPackTypes.value.map((pack) => pack.id)],
+      configurableFiles: selectedFiles.value.map((file) => file.id),
+      rpAsBpDependency: linkResourcePack.value,
+      bpAsRpDependency: linkBehaviourPack.value,
+      uuids: Object.fromEntries(
+        selectedPackTypes.value.map((packType) => [packType.id, uuid()])
+      ),
+      experiments: Object.fromEntries(
+        experimentalToggles.value.map((toggle) => [
+          toggle.id,
+          selectedExperimentalToggles.value.includes(toggle),
+        ])
+      ),
+    },
+    fileSystem
+  );
+
+  Windows.close(CreateProjectWindow);
 }
 
 function selectPackType(packType: IPackType) {
-	if (selectedPackTypes.value.includes(packType)) {
-		selectedPackTypes.value.splice(selectedPackTypes.value.indexOf(packType), 1)
-		selectedPackTypes.value = selectedPackTypes.value
-
-		if (packType.id === 'behaviorPack' || packType.id === 'resourcePack') {
-			linkBehaviourPack.value = false
-			linkResourcePack.value = false
-		}
-
-		const pack = packs[packType.id]
-
-		if (pack) {
-			for (const file of pack.configurableFiles) {
-				if (!selectedFiles.value.includes(file)) continue
-
-				selectedFiles.value.splice(selectedFiles.value.indexOf(file), 1)
-				selectedFiles.value = selectedFiles.value
-			}
-		}
-	} else {
-		selectedPackTypes.value.push(packType)
-		selectedPackTypes.value = selectedPackTypes.value
-	}
+  if (selectedPackTypes.value.includes(packType)) {
+    selectedPackTypes.value.splice(selectedPackTypes.value.indexOf(packType), 1);
+    selectedPackTypes.value = selectedPackTypes.value;
+
+    if (packType.id === "behaviorPack" || packType.id === "resourcePack") {
+      linkBehaviourPack.value = false;
+      linkResourcePack.value = false;
+    }
+
+    const pack = packs[packType.id];
+
+    if (pack) {
+      for (const file of pack.configurableFiles) {
+        if (!selectedFiles.value.includes(file)) continue;
+
+        selectedFiles.value.splice(selectedFiles.value.indexOf(file), 1);
+        selectedFiles.value = selectedFiles.value;
+      }
+    }
+  } else {
+    selectedPackTypes.value.push(packType);
+    selectedPackTypes.value = selectedPackTypes.value;
+  }
 }
 
 function selectExperimentalToggle(toggle: ExperimentalToggle) {
-	if (selectedExperimentalToggles.value.includes(toggle)) {
-		selectedExperimentalToggles.value.splice(selectedExperimentalToggles.value.indexOf(toggle), 1)
-		selectedExperimentalToggles.value = selectedExperimentalToggles.value
-	} else {
-		selectedExperimentalToggles.value.push(toggle)
-		selectedExperimentalToggles.value = selectedExperimentalToggles.value
-	}
+  if (selectedExperimentalToggles.value.includes(toggle)) {
+    selectedExperimentalToggles.value.splice(
+      selectedExperimentalToggles.value.indexOf(toggle),
+      1
+    );
+    selectedExperimentalToggles.value = selectedExperimentalToggles.value;
+  } else {
+    selectedExperimentalToggles.value.push(toggle);
+    selectedExperimentalToggles.value = selectedExperimentalToggles.value;
+  }
 }
 
 function selectFile(file: ConfigurableFile) {
-	if (selectedFiles.value.includes(file)) {
-		selectedFiles.value.splice(selectedFiles.value.indexOf(file), 1)
-		selectedFiles.value = selectedFiles.value
-	} else {
-		selectedFiles.value.push(file)
-		selectedFiles.value = selectedFiles.value
-	}
+  if (selectedFiles.value.includes(file)) {
+    selectedFiles.value.splice(selectedFiles.value.indexOf(file), 1);
+    selectedFiles.value = selectedFiles.value;
+  } else {
+    selectedFiles.value.push(file);
+    selectedFiles.value = selectedFiles.value;
+  }
 }
 
 function chooseProjectIcon() {
-	if (!projectIconInput.value) return
+  if (!projectIconInput.value) return;
 
-	if (!projectIconInput.value.files) return
+  if (!projectIconInput.value.files) return;
 
-	if (!projectIconInput.value.files[0]) return
+  if (!projectIconInput.value.files[0]) return;
 
-	projectIcon.value = projectIconInput.value.files[0]
+  projectIcon.value = projectIconInput.value.files[0];
 }
 
-const isMobile = useIsMobile()
+const isMobile = useIsMobile();
 </script>
 
 <template>
-	<Window :name="t('windows.createProject.title')" @close="Windows.close(CreateProjectWindow)">
-		<div class="flex flex-col pb-8 grow" :class="{ 'h-[42.5rem] max-width': !isMobile }">
-			<div class="overflow-auto p-4 pt-0 m-4 mt-2 basis-0 grow">
-				<!-- Pack Types -->
-				<div class="flex justify-stretch flex-wrap gap-3 mb-4">
-					<InformativeToggle
-						v-for="packType in packTypes"
-						:icon="packType.icon"
-						:color="packType.color"
-						:name="t(`packType.${packType.id}.name`)"
-						:description="t(`packType.${packType.id}.description`)"
-						:selected="selectedPackTypes.includes(packType)"
-						@click="selectPackType(packType)"
-					>
-						<div class="flex items-center my-4" v-if="packType.id === 'behaviorPack'">
-							<Switch
-								class="mr-2"
-								border-color="backgroundTertiary"
-								:model-value="linkResourcePack"
-								@update:model-value="setLinkResourcePack"
-							/>
-							<span class="text-xs text-text-secondary select-none font-theme">{{
-								t('windows.createProject.rpAsBpDependency')
-							}}</span>
-						</div>
-
-						<div class="flex items-center my-4" v-if="packType.id === 'resourcePack'">
-							<Switch
-								class="mr-2"
-								border-color="backgroundTertiary"
-								:model-value="linkBehaviourPack"
-								@update:model-value="setLinkBehaviourPack"
-							/>
-							<span class="text-xs text-text-secondary select-none font-theme">{{
-								t('windows.createProject.bpAsRpDependency')
-							}}</span>
-						</div>
-					</InformativeToggle>
-				</div>
-
-				<!-- Experiment Toggles -->
-				<Expandable :name="t('general.experimentalGameplay')" class="mt-6">
-					<div class="flex flex-wrap gap-2">
-						<InformativeToggle
-							v-for="toggle in experimentalToggles"
-							:icon="toggle.icon"
-							color="primary"
-							background="background"
-							:name="t(`experimentalGameplay.${toggle.id}.name`)"
-							:description="t(`experimentalGameplay.${toggle.id}.description`)"
-							:selected="selectedExperimentalToggles.includes(toggle)"
-							@click="selectExperimentalToggle(toggle)"
-						/>
-					</div>
-				</Expandable>
-
-				<!-- Files -->
-				<Expandable :name="t('windows.createProject.individualFiles.name')" class="mt-6">
-					<div class="flex flex-wrap gap-2">
-						<InformativeToggle
-							v-for="file in availableConfigurableFiles"
-							icon="draft"
-							color="primary"
-							background="background"
-							:name="t(`windows.createProject.individualFiles.file.${file.id}.name`)"
-							:description="t(`windows.createProject.individualFiles.file.${file.id}.description`)"
-							:selected="selectedFiles.includes(file)"
-							@click="selectFile(file)"
-						/>
-
-						<p v-if="selectedPackTypes.length === 0" class="font-theme text-text-secondary">
-							{{ t('Select a pack to modify individual files') }}
-						</p>
-					</div>
-				</Expandable>
-
-				<div class="flex flex-wrap justify-stretch gap-4 w-full mt-4 mb-2">
-					<!-- Icon -->
-					<LabeledInput :label="t('windows.createProject.icon.label')" class="bg-background h-min grow" v-slot="{ focus, blur }">
-						<input type="file" class="hidden" ref="projectIconInput" @:change="chooseProjectIcon" />
-
-						<button
-							class="flex align-center gap-2 text-text-secondary font-theme grow"
-							@mouseenter="focus"
-							@mouseleave="blur"
-							@click="projectIconInput?.click()"
-						>
-							<Icon icon="image" class="no-fill" color="text-text-secondary" />
-							{{ t('windows.createProject.icon.placeholder') }}
-						</button>
-					</LabeledInput>
-
-					<!-- Name -->
-					<LabeledTextInput
-						:label="t('windows.createProject.name.label')"
-						class="h-min grow-[7]"
-						v-model="projectName"
-						:placeholder="t('windows.createProject.name.placeholder')"
-						:rules="[validateProjectName]"
-					/>
-				</div>
-
-				<!-- Description -->
-				<LabeledTextInput
-					:label="t('windows.createProject.description.label')"
-					class="mb-4 flex-1 h-min"
-					v-model="projectDescription"
-					:placeholder="t('windows.createProject.description.placeholder')"
-				/>
-
-				<div class="flex flex-wrap gap-x-4 mb-4">
-					<!-- Namespace -->
-					<LabeledTextInput
-						:label="t('windows.createProject.namespace.label')"
-						class="flex-1 h-min"
-						v-model="projectNamespace"
-						:placeholder="t('windows.createProject.namespace.placeholder')"
-						:rules="[validateProjectNamespace]"
-					/>
-
-					<!-- Author -->
-					<LabeledTextInput
-						:label="t('windows.createProject.author.label')"
-						class="flex-1 h-min mb-5"
-						v-model="projectAuthor"
-						:placeholder="t('windows.createProject.author.placeholder')"
-					/>
-
-					<!-- Target Version -->
-					<Dropdown class="flex-1">
-						<template #main="{ expanded, toggle }">
-							<LabeledInput :label="t('windows.createProject.targetVersion.label')" :focused="expanded" class="bg-background">
-								<div class="flex items-center justify-between cursor-pointer" @click="toggle">
-									<span class="font-theme">{{ projectTargetVersion }}</span>
-
-									<Icon
-										icon="arrow_drop_down"
-										class="transition-transform duration-200 ease-out"
-										:class="{ '-rotate-180': expanded }"
-									/>
-								</div>
-							</LabeledInput>
-						</template>
-
-						<template #choices="{ collapse }">
-							<div class="mt-2 bg-background-secondary w-full p-1 rounded">
-								<div class="flex flex-col max-h-[6.5rem] overflow-y-auto p-1 light-scroll">
-									<button
-										v-for="version in formatVersionDefinitions?.formatVersions.slice().reverse()"
-										@click="
-											() => {
-												projectTargetVersion = version
-												collapse()
-											}
-										"
-										class="hover:bg-primary text-start p-1 rounded transition-colors duration-100 ease-out font-theme"
-										:class="{
-											'bg-background-tertiary': projectTargetVersion === version,
-										}"
-									>
-										{{ version }}
-									</button>
-								</div>
-							</div>
-						</template>
-					</Dropdown>
-				</div>
-			</div>
-
-			<div class="mx-8 flex justify-between items-center">
-				<div class="flex items-center gap-2">
-					<Icon v-if="validationError !== null" icon="error" class="text-sm text-error" />
-
-					<p class="text-error font-theme text-xs h-min">{{ validationError !== null ? t(validationError) : '' }}</p>
-				</div>
-
-				<TextButton :text="t('Create')" @click="create" class="transition-[color, opacity]" :enabled="validationError === null" />
-			</div>
-		</div>
-	</Window>
+  <Window
+    :name="t('windows.createProject.title')"
+    @close="Windows.close(CreateProjectWindow)"
+  >
+    <div class="flex flex-col pb-8 grow" :class="{ 'h-[42.5rem] max-width': !isMobile }">
+      <div class="overflow-auto p-4 pt-0 m-4 mt-2 basis-0 grow">
+        <!-- Pack Types -->
+        <div class="flex justify-stretch flex-wrap gap-3 mb-4">
+          <InformativeToggle
+            v-for="packType in packTypes"
+            :icon="packType.icon"
+            :color="packType.color"
+            :name="t(`packType.${packType.id}.name`)"
+            :description="t(`packType.${packType.id}.description`)"
+            :selected="selectedPackTypes.includes(packType)"
+            @click="selectPackType(packType)"
+          >
+            <div class="flex items-center my-4" v-if="packType.id === 'behaviorPack'">
+              <Switch
+                class="mr-2"
+                border-color="backgroundTertiary"
+                :model-value="linkResourcePack"
+                @update:model-value="setLinkResourcePack"
+              />
+              <span class="text-xs text-text-secondary select-none font-theme">{{
+                t("windows.createProject.rpAsBpDependency")
+              }}</span>
+            </div>
+
+            <div class="flex items-center my-4" v-if="packType.id === 'resourcePack'">
+              <Switch
+                class="mr-2"
+                border-color="backgroundTertiary"
+                :model-value="linkBehaviourPack"
+                @update:model-value="setLinkBehaviourPack"
+              />
+              <span class="text-xs text-text-secondary select-none font-theme">{{
+                t("windows.createProject.bpAsRpDependency")
+              }}</span>
+            </div>
+          </InformativeToggle>
+        </div>
+
+        <!-- Experiment Toggles -->
+        <Expandable :name="t('general.experimentalGameplay')" class="mt-6">
+          <div class="flex flex-wrap gap-2">
+            <InformativeToggle
+              v-for="toggle in experimentalToggles"
+              :icon="toggle.icon"
+              color="primary"
+              background="background"
+              :name="t(`experimentalGameplay.${toggle.id}.name`)"
+              :description="t(`experimentalGameplay.${toggle.id}.description`)"
+              :selected="selectedExperimentalToggles.includes(toggle)"
+              @click="selectExperimentalToggle(toggle)"
+            />
+          </div>
+        </Expandable>
+
+        <!-- Files -->
+        <Expandable :name="t('windows.createProject.individualFiles.name')" class="mt-6">
+          <div class="flex flex-wrap gap-2">
+            <InformativeToggle
+              v-for="file in availableConfigurableFiles"
+              icon="draft"
+              color="primary"
+              background="background"
+              :name="t(`windows.createProject.individualFiles.file.${file.id}.name`)"
+              :description="
+                t(`windows.createProject.individualFiles.file.${file.id}.description`)
+              "
+              :selected="selectedFiles.includes(file)"
+              @click="selectFile(file)"
+            />
+
+            <p
+              v-if="selectedPackTypes.length === 0"
+              class="font-theme text-text-secondary"
+            >
+              {{ t("Select a pack to modify individual files") }}
+            </p>
+          </div>
+        </Expandable>
+
+        <div class="flex flex-wrap justify-stretch gap-4 w-full mt-4 mb-2">
+          <!-- Icon -->
+          <LabeledInput
+            :label="t('windows.createProject.icon.label')"
+            class="bg-background h-min grow"
+            v-slot="{ focus, blur }"
+          >
+            <input
+              type="file"
+              class="hidden"
+              ref="projectIconInput"
+              @:change="chooseProjectIcon"
+            />
+
+            <button
+              class="flex align-center gap-2 text-text-secondary font-theme grow"
+              @mouseenter="focus"
+              @mouseleave="blur"
+              @click="projectIconInput?.click()"
+            >
+              <Icon icon="image" class="no-fill" color="text-text-secondary" />
+              {{ t("windows.createProject.icon.placeholder") }}
+            </button>
+          </LabeledInput>
+
+          <!-- Name -->
+          <LabeledTextInput
+            :label="t('windows.createProject.name.label')"
+            class="h-min grow-[7]"
+            v-model="projectName"
+            :placeholder="t('windows.createProject.name.placeholder')"
+            :rules="[validateProjectName]"
+          />
+        </div>
+
+        <!-- Description -->
+        <LabeledTextInput
+          :label="t('windows.createProject.description.label')"
+          class="mb-4 flex-1 h-min"
+          v-model="projectDescription"
+          :placeholder="t('windows.createProject.description.placeholder')"
+        />
+
+        <div class="flex flex-wrap gap-x-4 mb-4">
+          <!-- Namespace -->
+          <LabeledTextInput
+            :label="t('windows.createProject.namespace.label')"
+            class="flex-1 h-min"
+            v-model="projectNamespace"
+            :placeholder="t('windows.createProject.namespace.placeholder')"
+            :rules="[validateProjectNamespace]"
+          />
+
+          <!-- Author -->
+          <LabeledTextInput
+            :label="t('windows.createProject.author.label')"
+            class="flex-1 h-min mb-5"
+            v-model="projectAuthor"
+            :placeholder="t('windows.createProject.author.placeholder')"
+          />
+
+          <!-- Target Version -->
+          <Dropdown class="flex-1">
+            <template #main="{ expanded, toggle }">
+              <LabeledInput
+                :label="t('windows.createProject.targetVersion.label')"
+                :focused="expanded"
+                class="bg-background"
+              >
+                <div
+                  class="flex items-center justify-between cursor-pointer"
+                  @click="toggle"
+                >
+                  <span class="font-theme">{{ projectTargetVersion }}</span>
+
+                  <Icon
+                    icon="arrow_drop_down"
+                    class="transition-transform duration-200 ease-out"
+                    :class="{ '-rotate-180': expanded }"
+                  />
+                </div>
+              </LabeledInput>
+            </template>
+
+            <template #choices="{ collapse }">
+              <div class="mt-2 bg-background-secondary w-full p-1 rounded">
+                <div
+                  class="flex flex-col max-h-[6.5rem] overflow-y-auto p-1 light-scroll"
+                >
+                  <button
+                    v-for="version in formatVersionDefinitions?.formatVersions
+                      .slice()
+                      .reverse()"
+                    @click="
+                      () => {
+                        projectTargetVersion = version;
+                        collapse();
+                      }
+                    "
+                    class="hover:bg-primary text-start p-1 rounded transition-colors duration-100 ease-out font-theme"
+                    :class="{
+                      'bg-background-tertiary': projectTargetVersion === version,
+                    }"
+                  >
+                    {{ version }}
+                  </button>
+                </div>
+              </div>
+            </template>
+          </Dropdown>
+        </div>
+      </div>
+
+      <div class="mx-8 flex justify-between items-center">
+        <div class="flex items-center gap-2">
+          <Icon v-if="validationError !== null" icon="error" class="text-sm text-error" />
+
+          <p class="text-error font-theme text-xs h-min">
+            {{ validationError !== null ? t(validationError) : "" }}
+          </p>
+        </div>
+
+        <TextButton
+          :text="t('Create')"
+          @click="create"
+          class="transition-[color, opacity]"
+          :enabled="validationError === null"
+        />
+      </div>
+    </div>
+  </Window>
 </template>
 
 <style scoped>
 .max-width {
-	max-width: min(90vw, 67rem);
+  max-width: min(90vw, 67rem);
 }
 
 .light-scroll::-webkit-scrollbar-thumb {
-	background-color: var(--theme-color-backgroundTertiary);
+  background-color: var(--theme-color-backgroundTertiary);
 }
 </style>
diff --git a/src/components/Windows/EditProject/EditProject.vue b/src/components/Windows/EditProject/EditProject.vue
new file mode 100644
index 000000000..1596776b4
--- /dev/null
+++ b/src/components/Windows/EditProject/EditProject.vue
@@ -0,0 +1,181 @@
+<script lang="ts" setup>
+import Window from "@/components/Windows/Window.vue";
+import Icon from "@/components/Common/Icon.vue";
+import Switch from "@/components/Common/Switch.vue";
+import LabeledInput from "@/components/Common/LabeledInput.vue";
+import InformativeToggle from "@/components/Common/InformativeToggle.vue";
+import Expandable from "@/components/Common/Expandable.vue";
+import Dropdown from "@/components/Common/Legacy/LegacyDropdown.vue";
+import LabeledTextInput from "@/components/Common/LabeledTextInput.vue";
+import TextButton from "@/components/Common/TextButton.vue";
+
+import { ComputedRef, Ref, computed, onMounted, ref, watch } from "vue";
+import { EditProjectWindow } from "./EditProjectWindow";
+import { useTranslate } from "@/libs/locales/Locales";
+import { Windows } from "../Windows";
+import { useIsMobile } from "@/libs/Mobile";
+import { ProjectInfo } from "@/libs/project/ProjectManager";
+
+const t = useTranslate();
+const { window } = defineProps<{ window: EditProjectWindow }>() as {
+  window: EditProjectWindow;
+};
+const projectInfo: Ref<ProjectInfo> = window.projectInfo;
+const projectName: Ref<string> = ref(projectInfo.config.name);
+const projectDescription: Ref<string> = ref(projectInfo.config.description);
+const projectNamespace: Ref<string> = ref(projectInfo.config.namespace);
+const projectAuthor: Ref<string> = ref(projectInfo.config.author);
+const projectTargetVersion: Ref<string> = ref(projectInfo.config.targetVersion);
+
+const formatVersionDefinitions: Ref<FormatVersionDefinitions | null> = ref(null);
+const isMobile = useIsMobile();
+
+function validateProjectName(value: string): string | null {
+  if (value === "") return "windows.editProject.name.mustNotBeEmpty";
+  if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.editProject.name.invalidLetters";
+  if (value.endsWith(".")) return "windows.editProject.name.endsInPeriod";
+
+  return null;
+}
+
+function validateProjectNamespace(value: string): string | null {
+  if (value.toLocaleLowerCase() !== value)
+    return "windows.editProject.namespace.invalidCharacters";
+  if (value.includes(" ")) return "windows.editProject.namespace.invalidCharacters";
+  if (value.includes(":")) return "windows.editProject.namespace.invalidCharacters";
+  if (value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.editProject.namespace.invalidCharacters";
+  if (value === "") return "windows.editProject.namespace.mustNotBeEmpty";
+
+  return null;
+}
+
+const validationError: ComputedRef<string | null> = computed(() => {
+  if (projectName.value === "") return "windows.createProject.name.mustNotBeEmpty";
+  if (projectName.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.name.invalidLetters";
+  if (projectName.value.endsWith(".")) return "windows.createProject.name.endsInPeriod";
+
+  if (projectNamespace.value.toLocaleLowerCase() !== projectNamespace.value)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.includes(" "))
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.includes(":"))
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value.match(/"|\\|\/|:|\||<|>|\*|\?|~/g) !== null)
+    return "windows.createProject.namespace.invalidCharacters";
+  if (projectNamespace.value === "")
+    return "windows.createProject.namespace.mustNotBeEmpty";
+
+  return null;
+});
+</script>
+
+<template>
+  <Window :name="t('windows.editProject.title')" @close="Windows.close(window)">
+    <div class="flex flex-col pb-8 grow" :class="{ 'h-[42.5rem] max-width': !isMobile }">
+      <div class="overflow-auto p-4 pt-0 m-4 mt-2 basis-0 grow">
+        <!-- Name -->
+        <LabeledTextInput
+          :label="t('windows.editProject.name.label')"
+          class="h-min grow-[7]"
+          v-model="projectName"
+          :placeholder="t('windows.editProject.name.placeholder')"
+          :rules="[validateProjectName]"
+        />
+
+        <!-- Description -->
+        <LabeledTextInput
+          :label="t('windows.editProject.description.label')"
+          class="mb-4 flex-1 h-min"
+          v-model="projectDescription"
+          :placeholder="t('windows.editProject.description.placeholder')"
+        />
+        <div class="flex flex-wrap gap-x-4 mb-4">
+          <!-- Namespace -->
+          <LabeledTextInput
+            :label="t('windows.editProject.namespace.label')"
+            class="flex-1 h-min"
+            v-model="projectNamespace"
+            :placeholder="t('windows.editProject.namespace.placeholder')"
+            :rules="[validateProjectNamespace]"
+          />
+
+          <!-- Author -->
+          <LabeledTextInput
+            :label="t('windows.editProject.author.label')"
+            class="flex-1 h-min mb-5"
+            v-model="projectAuthor"
+            :placeholder="t('windows.editProject.author.placeholder')"
+          />
+        </div>
+
+        <!-- Target Version -->
+        <Dropdown class="flex-1">
+          <template #main="{ expanded, toggle }">
+            <LabeledInput
+              :label="t('windows.editProject.targetVersion.label')"
+              :focused="expanded"
+              class="bg-background"
+            >
+              <div
+                class="flex items-center justify-between cursor-pointer"
+                @click="toggle"
+              >
+                <span class="font-theme">{{ projectTargetVersion }}</span>
+
+                <Icon
+                  icon="arrow_drop_down"
+                  class="transition-transform duration-200 ease-out"
+                  :class="{ '-rotate-180': expanded }"
+                />
+              </div>
+            </LabeledInput>
+          </template>
+
+          <template #choices="{ collapse }">
+            <div class="mt-2 bg-background-secondary w-full p-1 rounded">
+              <div class="flex flex-col max-h-[6.5rem] overflow-y-auto p-1 light-scroll">
+                <button
+                  v-for="version in formatVersionDefinitions?.formatVersions
+                    .slice()
+                    .reverse()"
+                  @click="
+                    () => {
+                      projectTargetVersion = version;
+                      collapse();
+                    }
+                  "
+                  class="hover:bg-primary text-start p-1 rounded transition-colors duration-100 ease-out font-theme"
+                  :class="{
+                    'bg-background-tertiary': projectTargetVersion === version,
+                  }"
+                >
+                  {{ version }}
+                </button>
+              </div>
+            </div>
+          </template>
+        </Dropdown>
+      </div>
+
+      <div class="mx-8 flex justify-between items-center">
+        <div class="flex items-center gap-2">
+          <Icon v-if="validationError !== null" icon="error" class="text-sm text-error" />
+
+          <p class="text-error font-theme text-xs h-min">
+            {{ validationError !== null ? t(validationError) : "" }}
+          </p>
+        </div>
+
+        <TextButton
+          :text="t('Save')"
+          @click="save"
+          class="transition-[color, opacity]"
+          :enabled="validationError === null"
+        />
+      </div>
+    </div>
+  </Window>
+</template>
diff --git a/src/components/Windows/EditProject/EditProjectWindow.ts b/src/components/Windows/EditProject/EditProjectWindow.ts
new file mode 100644
index 000000000..f205e6f3d
--- /dev/null
+++ b/src/components/Windows/EditProject/EditProjectWindow.ts
@@ -0,0 +1,14 @@
+import { Settings } from '@/libs/settings/Settings'
+import { Window } from '../Window'
+import EditProject from './EditProject.vue'
+import { ProjectInfo, ProjectManager } from '@/libs/project/ProjectManager'
+import { basename, join } from 'pathe'
+
+export class EditProjectWindow extends Window {
+    public static id = 'editProject'
+    public component = EditProject
+
+    constructor(public projectInfo: ProjectInfo) {
+        super()
+    }
+}
\ No newline at end of file
diff --git a/src/libs/fileSystem/BaseFileSystem.ts b/src/libs/fileSystem/BaseFileSystem.ts
index 880345bf5..75cf66f30 100644
--- a/src/libs/fileSystem/BaseFileSystem.ts
+++ b/src/libs/fileSystem/BaseFileSystem.ts
@@ -170,7 +170,7 @@ export class BaseFileSystem {
 		throw new Error('Not implemented!')
 	}
 
-	public async ingorePath(path: string) {
+	public async ignorePath(path: string) {
 		this.watchPathsToIgnore.push(path)
 	}
 
diff --git a/src/libs/project/Project.ts b/src/libs/project/Project.ts
index bdc9cfaf2..f8c63cb1d 100644
--- a/src/libs/project/Project.ts
+++ b/src/libs/project/Project.ts
@@ -39,9 +39,9 @@ export class Project implements AsyncDisposable {
 		this.usingProjectOutputFolderKey = `usingProjectFolder-${this.name}`
 
 		fileSystem.watch(this.path)
-		fileSystem.ingorePath(join(this.path, '.git'))
-		fileSystem.ingorePath(join(this.path, '.bridge/.dash.development.json'))
-		fileSystem.ingorePath(join(this.path, 'builds/'))
+		fileSystem.ignorePath(join(this.path, '.git'))
+		fileSystem.ignorePath(join(this.path, '.bridge/.dash.development.json'))
+		fileSystem.ignorePath(join(this.path, 'builds/'))
 
 		if (!(this.outputFileSystem instanceof LocalFileSystem)) return
 
diff --git a/src/libs/project/ProjectManager.ts b/src/libs/project/ProjectManager.ts
index 22facfc3e..6f3a91bec 100644
--- a/src/libs/project/ProjectManager.ts
+++ b/src/libs/project/ProjectManager.ts
@@ -96,14 +96,16 @@ export class ProjectManager {
 	}
 
 	public static async createProject(config: CreateProjectConfig, fileSystem: BaseFileSystem) {
+		//Bandaid Fix.
+		const projectPath = join('projects', config.name)
+		if(await fileSystem.exists(projectPath)) throw new Error("Cannot create project! Another project with the same name already exists!")
+
 		const packDefinitions: { id: string; defaultPackPath: string }[] = await Data.get('packages/minecraftBedrock/packDefinitions.json')
 		packDefinitions.push({
 			id: 'bridge',
 			defaultPackPath: '.bridge',
 		})
 
-		const projectPath = join('projects', config.name)
-
 		await fileSystem.makeDirectory(projectPath)
 
 		await Promise.all(