diff --git a/.vscode/.snippet.code-snippets b/.vscode/.snippet.code-snippets
new file mode 100644
index 0000000..f4961fc
--- /dev/null
+++ b/.vscode/.snippet.code-snippets
@@ -0,0 +1,19 @@
+{
+	// Place your mancala-frontend workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	"styled jsx": {
+		"scope": "typescriptreact",
+		"prefix": "styledjsx",
+		"body": [
+			"<style jsx>{`",
+			"\t$1",
+			"`}</style>"
+		],
+		"description": "Log output to console"
+	}
+}
\ No newline at end of file