adding custome vscode settings

Author: krishnemd

.gitignore

@@ -13,7 +13,7 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
+
 !.vscode/extensions.json
 .idea
 .DS_Store

.vscode/settings.json

@@ -0,0 +1,36 @@
+//some of the react concepts are highlighted by these tags, make sure to install the extension: TODO Highlight
+
+{
+	"todohighlight.keywords": [
+		{
+			"text": "COMPONENT",
+			"color": "#FF5733",
+			"backgroundColor": "#FFD1BA",
+			"description": "Used to identify React Components"
+		},
+		{
+			"text": "HOOK",
+			"color": "#121F57",
+			"backgroundColor": "#BAFFD1",
+			"description": "Used to identify React Hooks"
+		},
+		{
+			"text": "STATE",
+			"color": "#3357FF",
+			"backgroundColor": "#BAD1FF",
+			"description": "Used to identify React State management"
+		},
+		{
+			"text": "EFFECT",
+			"color": "#FF33A1",
+			"backgroundColor": "#FFD1E8",
+			"description": "Used to identify useEffect and other side effects"
+		},
+		{
+			"text": "CORE",
+			"color": "#651A2B",
+			"backgroundColor": "#FFD1E8",
+			"description": "Core React concepts"
+		}
+	]
+}

README.md

@@ -27,3 +27,7 @@ If you are developing a production application, we recommend updating the config
 - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
 - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
 - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+
+
+### Following React concepts will be covered here:
+