diff --git a/frontend/package.json b/frontend/package.json
index 2c1e416..e0d61e7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,6 +24,7 @@
"prettier": "^2.8.3",
"prettier-plugin-svelte": "^2.9.0",
"prettier-plugin-tailwindcss": "^0.2.1",
+ "simple-svelte-autocomplete": "^2.5.1",
"svelte": "^3.55.1",
"svelte-check": "^3.0.2",
"svelte-preprocess": "^5.0.0",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index d76650e..cc3fa7a 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -72,6 +72,9 @@ devDependencies:
prettier-plugin-tailwindcss:
specifier: ^0.2.1
version: 0.2.1(prettier@2.8.3)
+ simple-svelte-autocomplete:
+ specifier: ^2.5.1
+ version: 2.5.1
svelte:
specifier: ^3.55.1
version: 3.55.1
@@ -2094,6 +2097,10 @@ packages:
engines: {node: '>=8'}
dev: true
+ /simple-svelte-autocomplete@2.5.1:
+ resolution: {integrity: sha512-wC0RzbmWhMMAqJ3PK+4sBSAHZl+Y/Qz7KDk1Wp5Fnxj+PJvOXWCIAOi5FLQZGrIMl82YKvFErzEtOCmfNOMUJg==}
+ dev: true
+
/sirv@2.0.2:
resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
engines: {node: '>= 10'}
diff --git a/frontend/src/lib/components/select/SchoolSelect.svelte b/frontend/src/lib/components/select/SchoolSelect.svelte
new file mode 100644
index 0000000..09040ec
--- /dev/null
+++ b/frontend/src/lib/components/select/SchoolSelect.svelte
@@ -0,0 +1,18 @@
+
+
+Selected color: {selectedSchool}
+
\ No newline at end of file