diff --git a/src/App.svelte b/src/App.svelte
index 60305fd..26b40d9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,9 +1,13 @@
-<script>
-	let name = ['existing option'];
-</script>
 
-<h1>Refresh to reset</h1>
-<h1>{JSON.stringify(name)}</h1>
-Try click on these:
-<input type="checkbox" value="no" bind:group={name}>
-<input type="checkbox" value="yes" bind:group={name}>
\ No newline at end of file
+{#each menu as flavour}
+	<Flavour {flavour}/>
+{/each}
+
+<script>
+	import Flavour from "./Flavour.svelte"
+	let menu = [
+		'Cookies and cream',
+		'Mint choc chip',
+		'Raspberry ripple'
+	];
+</script>
\ No newline at end of file
diff --git a/src/Flavour.svelte b/src/Flavour.svelte
new file mode 100644
index 0000000..9161ec3
--- /dev/null
+++ b/src/Flavour.svelte
@@ -0,0 +1,8 @@
+<label>
+		<input type=checkbox bind:group={$flavours} value={flavour}>
+		{flavour}
+</label>
+<script>
+	import { flavours } from "./stores.js"
+	export let flavour
+</script>
\ No newline at end of file
diff --git a/src/stores.js b/src/stores.js
new file mode 100644
index 0000000..b5db04a
--- /dev/null
+++ b/src/stores.js
@@ -0,0 +1,5 @@
+import { writable } from 'svelte/store';
+
+export const flavours = writable([]);
+
+flavours.subscribe(console.log)
\ No newline at end of file