huge bug where the tailwind autocomplete and linting just stoped working for me so tried to fix and now finaly fixed after doingthe instaalation/innitialization again twice!

.gitignore

@@ -21,3 +21,6 @@ Thumbs.db
 # Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+
+package-lock.json

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"useTabs": true,
-	"singleQuote": true,
+	"singleQuote": false,
-	"trailingComma": "none",
+	"trailingComma": "all",
 	"printWidth": 100,
 	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
 	"overrides": [

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+	"tailwindCSS.emmetCompletions": true,
+	"editor.inlineSuggest.enabled": true,
+	"editor.quickSuggestions": {
+		"strings": true
+	},
+	"editor.defaultFormatter": "esbenp.prettier-vscode",
+	"css.customData": [".vscode/tailwind.json"]
+}

.vscode/tailwind.json

@@ -0,0 +1,96 @@
+{
+    "version": 1.2,
+    "atDirectives": [
+      {
+        "name": "@theme",
+        "description": "Use the `@theme` directive to define your project's custom design tokens, like fonts, colors, and breakpoints.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#theme-directive"
+          }
+        ]
+      },
+      {
+        "name": "@source",
+        "description": "Use the `@source` directive to explicitly specify source files that aren't picked up by Tailwind's automatic content detection.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#source-directive"
+          }
+        ]
+      },
+      {
+        "name": "@utility",
+        "description": "Use the `@utility` directive to add custom utilities to your project that work with variants like `hover`, `focus` and `lg`.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#utility-directive"
+          }
+        ]
+      },
+      {
+        "name": "@variant",
+        "description": "Use the `@variant` directive to apply a Tailwind variant to styles in your CSS.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#variant-directive"
+          }
+        ]
+      },
+      {
+        "name": "@custom-variant",
+        "description": "Use the `@custom-variant` directive to add a custom variant in your project.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#custom-variant-directive"
+          }
+        ]
+      },
+      {
+        "name": "@apply",
+        "description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#apply-directive"
+          }
+        ]
+      },
+      {
+        "name": "@reference",
+        "description": "If you want to use `@apply` or `@variant` in the `<style>` block of a Vue or Svelte component, or within CSS modules, you will need to import your theme variables, custom utilities, and custom variants to make those values available in that context.\n\nTo do this without duplicating any CSS in your output, use the `@reference` directive to import your main stylesheet for reference without actually including the styles.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#reference-directive"
+          }
+        ]
+      },
+      {
+        "name": "@config",
+        "description": "Use the `@config` directive to load a legacy JavaScript-based configuration file.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#config-directive"
+          }
+        ]
+      },
+      {
+        "name": "@plugin",
+        "description": "Use the `@plugin` directive to load a legacy JavaScript-based plugin.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#plugin-directive"
+          }
+        ]
+      }
+    ]
+  }
+  

README.md

@@ -1,58 +0,0 @@
-# DaKahootClone
-
-![DaKahootClone's logo](https://hc-cdn.hel1.your-objectstorage.com/s/v3/ddf135d610705bd8bb75ea59bd4e232e2b294e4b_group_12.svg)
-
-The best ever kahoot clone.
-
-A project by [RezHackXYZ](https://rezhack.xyz) for [Neighborhood](https://neighborhood.hackclub.com/)
-
-(⚠️ This project is one of a bunch of tools that are part of a larger project.
-See the [original project repo](https://github.com/RezHackXYZ/ClassRoomStuff) for the full collection.)
-
-👉 **[Try It Now](https://kahoot-clone-rezhackxyz.vercel.app/)**
-
----
-
-## Tech Stack
-
-- SvelteKit
-- JavaScript
-- Supabase
-
-## Current DB Diagram
-
-```mermaid
-    erDiagram
-    GAMES {
-        int ID PK
-        string creator
-        date creationDate
-        string status
-    }
-    QUESTIONS {
-        int ID PK
-        int GameID FK
-        string QuestionsText
-        string CorrectAnswer
-    }
-    ANSWERS {
-        int ID PK
-        int QuestionID FK
-        string content
-    }
-    ANSWEREDBY {
-        int ID PK
-        int QuestionID FK
-        string NameOfAnswerer
-    }
-    PLAYERS {
-        int ID PK
-        int GameID FK
-        int Score
-    }
-
-    GAMES ||--o{ QUESTIONS : contains
-    QUESTIONS ||--o{ ANSWERS : has_answers
-    QUESTIONS ||--o{ ANSWEREDBY : has_answeredby
-    GAMES ||--o{ PLAYERS : has_players
-```

jsconfig.json

@@ -2,12 +2,13 @@
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
 		"allowJs": true,
-		"checkJs": false,
+		"checkJs": true,
 		"moduleResolution": "bundler"
-	}
+	},
 	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
 	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
 	// from the referenced tsconfig.json - TypeScript does not merge them in
+	"exclude": ["**/node_modules/**", "**/build/**", "**/.svelte-kit/**", "**/out/**", "!src/**"],
 }

other-package.json

@@ -1,32 +0,0 @@
-{
-	"name": "kahootclone",
-	"private": true,
-	"version": "0.0.1",
-	"type": "module",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint ."
-	},
-	"devDependencies": {
-		"@eslint/compat": "^1.2.5",
-		"@eslint/js": "^9.18.0",
-		"@sveltejs/adapter-static": "^3.0.8",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.0.0",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^3.0.0",
-		"globals": "^16.0.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.11",
-		"svelte": "^5.0.0",
-		"tailwindcss": "^4.0.0",
-		"vite": "^6.0.0"
-	}
-}

package.json

@@ -1,6 +1,6 @@
 {
-	"name": "class-room-stuff",
+	"name": "kahootclone",
-	"private": false,
+	"private": true,
 	"version": "0.0.1",
 	"type": "module",
 	"scripts": {
@@ -12,19 +12,21 @@
 		"lint": "prettier --check . && eslint ."
 	},
 	"devDependencies": {
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@sveltejs/adapter-static": "^3.0.8",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/postcss": "^4.1.7",
 		"@tailwindcss/vite": "^4.0.0",
-		"autoprefixer": "^10.4.21",
+		"eslint": "^9.18.0",
 		"eslint-config-prettier": "^10.0.1",
-		"postcss": "^8.5.3",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
-		"sv-popup": "^0.5.3",
 		"svelte": "^5.0.0",
-		"tailwindcss": "^4.1.7",
+		"tailwindcss": "^4.0.0",
 		"vite": "^6.0.0"
 	},
 		"dependencies": {
@@ -35,5 +37,6 @@
 			"random-words": "^2.0.1",
 			"svelte-5-french-toast": "^2.0.4",
 			"word-exists": "^1.0.0"
+	
 	}
 }

src/routes/+HomePage/landingPage.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount } from "svelte";
-	import Ascii from "./ascii.svelte";
+	import Ascii from "./ascisi.svelte";
 
 	let FlagAscii = false;
 	onMount(() => {
@@ -8,6 +8,9 @@
 	});
 </script>
 
+
+
+                           
 <div class="flex h-17/20 items-center justify-center border-2 border-amber-400">
 											<div class="flex w-2/3 min-w-[600px] flex-col items-center gap-3">
 		{#if FlagAscii == true}