biome format, add experience templates

Author: jaspreetbhamra

biome.json

@@ -0,0 +1,34 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.2.5/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab"
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "double"
+		}
+	},
+	"assist": {
+		"enabled": true,
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	}
+}

eslint.config.js

@@ -1,49 +1,49 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactPlugin from 'eslint-plugin-react'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from "@eslint/js";
+import { defineConfig, globalIgnores } from "eslint/config";
+import reactPlugin from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
 
 export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{js,jsx}'],
-    extends: [
-      js.configs.recommended,
-      reactPlugin.configs.flat.recommended,
-      reactPlugin.configs.flat['jsx-runtime'],
-      reactHooks.configs['recommended-latest'],
-      reactRefresh.configs.vite,
-    ],
-    plugins: {
-      react: reactPlugin,
-    },
-    languageOptions: {
-      ecmaVersion: 'latest',
-      globals: globals.browser,
-      parserOptions: {
-        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
-      },
-    },
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
-    rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
-    },
-  },
-  {
-    files: ['tests/**/*.{js,jsx}'],
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-        ...globals.vitest,
-      },
-    },
-  },
-])
+	globalIgnores(["dist"]),
+	{
+		files: ["**/*.{js,jsx}"],
+		extends: [
+			js.configs.recommended,
+			reactPlugin.configs.flat.recommended,
+			reactPlugin.configs.flat["jsx-runtime"],
+			reactHooks.configs["recommended-latest"],
+			reactRefresh.configs.vite,
+		],
+		plugins: {
+			react: reactPlugin,
+		},
+		languageOptions: {
+			ecmaVersion: "latest",
+			globals: globals.browser,
+			parserOptions: {
+				ecmaFeatures: { jsx: true },
+				sourceType: "module",
+			},
+		},
+		settings: {
+			react: {
+				version: "detect",
+			},
+		},
+		rules: {
+			"no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
+		},
+	},
+	{
+		files: ["tests/**/*.{js,jsx}"],
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+				...globals.vitest,
+			},
+		},
+	},
+]);

notes.md

@@ -19,7 +19,7 @@ Update the homepage to use a JSON-based English ↔ Elvish mapping instead of a
     }
     ```
   - Use the `"elvish"` value for initial rendering.
-  - Font: Tengwar (assume `src/assets/fonts/tengwarfeanorregular.ttf`).
+  - Font: Tengwar (assume `/assets/fonts/tengwarfeanorregular.ttf`).
 - Button: `"Click here to translate"` appears below the blurb.
 
 ### On Translate Button Click
@@ -48,10 +48,10 @@ Update the homepage to use a JSON-based English ↔ Elvish mapping instead of a
     }
     ```
 - **Themes**:
-  - `theme-parchment`: parchment background, Elvish font, use the parchment background available at `src/assets/images/parchment-bg.jpg`.
+  - `theme-parchment`: parchment background, Elvish font, use the parchment background available at `/assets/images/parchment-bg.jpg`.
   - `theme-dark`: dark gothic background, serif font.
 - **Fonts**:
-  - Assume Tengwar font file exists at `/src/assets/fonts/tengwarfeanorregular.ttf`.
+  - Assume Tengwar font file exists at `//assets/fonts/tengwarfeanorregular.ttf`.
 
 ### Deliverables
 - Updated `Home.jsx` with theme + language toggle logic.

package-lock.json

@@ -12,7 +12,6 @@
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,css,md,json}\"",
     "test": "vitest",
     "deploy": "gh-pages -d dist"
-
   },
   "dependencies": {
     "framer-motion": "^12.23.21",
@@ -23,6 +22,7 @@
     "react-router-dom": "^7.9.3"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.2.5",
     "@eslint/js": "^9.36.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",