Spaces:

aki-008
/

prepAI

Sleeping

App Files Files Community

Prakhar Singh commited on Nov 10, 2025

Commit

a3b81fa

1 Parent(s): 70060bb

Frontend Home Page added

Browse files

Files changed (16) hide show

Frontend/.gitignore +24 -0
Frontend/README.md +73 -0
Frontend/eslint.config.js +23 -0
Frontend/index.html +13 -0
Frontend/package-lock.json +0 -0
Frontend/package.json +34 -0
Frontend/public/vite.svg +1 -0
Frontend/src/App.tsx +14 -0
Frontend/src/index.css +1 -0
Frontend/src/main.tsx +10 -0
Frontend/src/pages/home.tsx +322 -0
Frontend/tailwind.config.cjs +10 -0
Frontend/tsconfig.app.json +28 -0
Frontend/tsconfig.json +7 -0
Frontend/tsconfig.node.json +26 -0
Frontend/vite.config.ts +11 -0

Frontend/.gitignore ADDED Viewed

	@@ -0,0 +1,24 @@

+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

Frontend/README.md ADDED Viewed

	@@ -0,0 +1,73 @@

+# React + TypeScript + Vite
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+Currently, two official plugins are available:
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## React Compiler
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+## Expanding the ESLint configuration
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

Frontend/eslint.config.js ADDED Viewed

	@@ -0,0 +1,23 @@

+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

Frontend/index.html ADDED Viewed

	@@ -0,0 +1,13 @@

+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>package</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

Frontend/package-lock.json ADDED Viewed

The diff for this file is too large to render. See raw diff

Frontend/package.json ADDED Viewed

	@@ -0,0 +1,34 @@

+{
+  "name": "package",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.17",
+    "lucide-react": "^0.553.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.9.5",
+    "tailwindcss": "^4.1.17"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.3",
+    "vite": "^7.2.2"
+  }
+}

Frontend/public/vite.svg ADDED Viewed

Frontend/src/App.tsx ADDED Viewed

	@@ -0,0 +1,14 @@

+import { BrowserRouter } from 'react-router-dom'
+import Home from './pages/home'
+function App() {
+  return (
+    <BrowserRouter>
+      <div className="w-full min-h-screen">
+        <Home />
+      </div>
+    </BrowserRouter>
+  )
+}
+export default App

Frontend/src/index.css ADDED Viewed

	@@ -0,0 +1 @@


1	+ @import "tailwindcss";

Frontend/src/main.tsx ADDED Viewed

	@@ -0,0 +1,10 @@

+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

Frontend/src/pages/home.tsx ADDED Viewed

	@@ -0,0 +1,322 @@

+import React, { useState, useEffect } from 'react';
+import { Sparkles, Zap, Target, Clock, Award, ChevronRight, Menu, X } from 'lucide-react';
+interface Feature {
+  icon: React.ReactNode;
+  title: string;
+  description: string;
+}
+interface Step {
+  step: string;
+  title: string;
+  desc: string;
+}
+const AIInterviewPlatform: React.FC = () => {
+  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);
+  const [scrolled, setScrolled] = useState<boolean>(false);
+  useEffect(() => {
+    const handleScroll = (): void => {
+      setScrolled(window.scrollY > 50);
+    };
+    window.addEventListener('scroll', handleScroll);
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, []);
+  const features: Feature[] = [
+    {
+      icon: <Sparkles className="w-8 h-8" />,
+      title: "AI-Powered Questions",
+      description: "Dynamic questions adapted to your skill level and role"
+    },
+    {
+      icon: <Zap className="w-8 h-8" />,
+      title: "Instant Feedback",
+      description: "Get real-time analysis and improvement suggestions"
+    },
+    {
+      icon: <Target className="w-8 h-8" />,
+      title: "Role-Specific Prep",
+      description: "Tailored scenarios for your target position"
+    },
+    {
+      icon: <Clock className="w-8 h-8" />,
+      title: "Practice Anytime",
+      description: "24/7 access to unlimited mock interviews"
+    },
+    {
+      icon: <Award className="w-8 h-8" />,
+      title: "Performance Analytics",
+      description: "Track your progress with detailed insights"
+    }
+  ];
+  const steps: Step[] = [
+    { step: "01", title: "Choose Your Role", desc: "Select the job position you're preparing for" },
+    { step: "02", title: "Practice Interview", desc: "Answer AI-generated questions in real-time" },
+    { step: "03", title: "Get Feedback", desc: "Receive detailed analysis and improvement tips" }
+  ];
+  return (
+    <div className="w-full min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white **overflow-x-hidden**">
+      {/* Navigation Bar */}
+      <nav className={`fixed top-0 left-0 right-0 w-full z-50 transition-all duration-300 ${scrolled ? 'bg-slate-900/95 backdrop-blur-md shadow-xl' : 'bg-slate-900/80 backdrop-blur-sm'}`}>
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between items-center h-20">
+            {/* Logo */}
+            <div className="flex items-center space-x-3">
+              <div className="bg-gradient-to-br from-purple-500 to-pink-500 p-2 rounded-lg">
+                <Sparkles className="w-6 h-6 text-white" />
+              </div>
+              <span className="text-2xl font-bold bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">
+                InterviewAI
+              </span>
+            </div>
+            {/* Desktop Navigation */}
+            <div className="hidden lg:flex items-center space-x-8">
+              <a href="#home" className="text-gray-200 hover:text-purple-400 transition-colors font-medium">
+                Home
+              </a>
+              <a href="#about" className="text-gray-200 hover:text-purple-400 transition-colors font-medium">
+                About
+              </a>
+              <a href="#features" className="text-gray-200 hover:text-purple-400 transition-colors font-medium">
+                Features
+              </a>
+              <a href="#how-it-works" className="text-gray-200 hover:text-purple-400 transition-colors font-medium">
+                How It Works
+              </a>
+              <button className="px-6 py-2.5 rounded-lg border-2 border-purple-400 text-purple-400 hover:bg-purple-400/10 transition-all font-medium">
+                Sign In
+              </button>
+              <button className="px-6 py-2.5 rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 transition-all shadow-lg shadow-purple-500/30 font-medium">
+                Sign Up
+              </button>
+            </div>
+            {/* Mobile Menu Button */}
+            <button
+              className="lg:hidden p-2 rounded-lg hover:bg-white/10 transition-colors"
+              onClick={() => setIsMenuOpen(!isMenuOpen)}
+            >
+              {isMenuOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
+            </button>
+          </div>
+        </div>
+        {/* Mobile Menu */}
+        {isMenuOpen && (
+          <div className="lg:hidden border-t border-white/10 bg-slate-900/98 backdrop-blur-md">
+            <div className="px-4 py-4 space-y-3 max-w-7xl mx-auto">
+              <a
+                href="#home"
+                className="block py-3 px-4 rounded-lg text-gray-200 hover:bg-purple-500/10 hover:text-purple-400 transition-all font-medium"
+                onClick={() => setIsMenuOpen(false)}
+              >
+                Home
+              </a>
+              <a
+                href="#about"
+                className="block py-3 px-4 rounded-lg text-gray-200 hover:bg-purple-500/10 hover:text-purple-400 transition-all font-medium"
+                onClick={() => setIsMenuOpen(false)}
+              >
+                About
+              </a>
+              <a
+                href="#features"
+                className="block py-3 px-4 rounded-lg text-gray-200 hover:bg-purple-500/10 hover:text-purple-400 transition-all font-medium"
+                onClick={() => setIsMenuOpen(false)}
+              >
+                Features
+              </a>
+              <a
+                href="#how-it-works"
+                className="block py-3 px-4 rounded-lg text-gray-200 hover:bg-purple-500/10 hover:text-purple-400 transition-all font-medium"
+                onClick={() => setIsMenuOpen(false)}
+              >
+                How It Works
+              </a>
+              <button className="w-full py-3 rounded-lg border-2 border-purple-400 text-purple-400 hover:bg-purple-400/10 transition-all font-medium">
+                Sign In
+              </button>
+              <button className="w-full py-3 rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 transition-all font-medium">
+                Sign Up
+              </button>
+            </div>
+          </div>
+        )}
+      </nav>
+      {/* Hero Section */}
+      <section id="home" className="min-h-screen flex items-center pt-20 pb-20 px-4 sm:px-6 lg:px-8">
+        <div className="max-w-7xl mx-auto text-center">
+          <div className="inline-block mb-4 px-4 py-2 bg-purple-500/20 rounded-full border border-purple-500/50">
+            <span className="text-sm font-semibold text-purple-300">✨ AI-Powered Interview Practice</span>
+          </div>
+          <h1 className="text-5xl sm:text-6xl lg:text-7xl font-bold mb-6 leading-tight">
+            Master Your Next
+            <span className="block bg-gradient-to-r from-purple-400 via-pink-400 to-purple-400 bg-clip-text text-transparent">
+              Interview with AI
+            </span>
+          </h1>
+          <p className="text-xl text-gray-300 mb-10 max-w-3xl mx-auto">
+            Practice with our intelligent AI interviewer, get instant feedback, and land your dream job with confidence.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
+            <button className="px-8 py-4 rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 transition shadow-lg shadow-purple-500/50 flex items-center gap-2 text-lg font-semibold">
+              Start Free Trial
+              <ChevronRight className="w-5 h-5" />
+            </button>
+            <button className="px-8 py-4 rounded-lg border-2 border-purple-400 hover:bg-purple-400/10 transition text-lg font-semibold">
+              Watch Demo
+            </button>
+          </div>
+          {/* Stats */}
+          <div className="mt-20 grid grid-cols-1 sm:grid-cols-3 gap-8 max-w-4xl mx-auto">
+            <div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10">
+              <div className="text-4xl font-bold text-purple-400 mb-2">50K+</div>
+              <div className="text-gray-400">Successful Interviews</div>
+            </div>
+            <div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10">
+              <div className="text-4xl font-bold text-pink-400 mb-2">95%</div>
+              <div className="text-gray-400">Success Rate</div>
+            </div>
+            <div className="bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10">
+              <div className="text-4xl font-bold text-purple-400 mb-2">24/7</div>
+              <div className="text-gray-400">AI Availability</div>
+            </div>
+          </div>
+        </div>
+      </section>
+      {/* About Section */}
+      <section id="about" className="py-20 px-4 sm:px-6 lg:px-8 bg-black/20">
+        <div className="max-w-6xl mx-auto">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+            <div>
+              <h2 className="text-4xl sm:text-5xl font-bold mb-6">
+                About InterviewAI
+              </h2>
+              <p className="text-lg text-gray-300 mb-6">
+                We're revolutionizing interview preparation with cutting-edge AI technology. Our platform helps candidates practice, learn, and succeed in their job interviews.
+              </p>
+              <p className="text-lg text-gray-300 mb-6">
+                Founded by industry experts and powered by advanced machine learning, InterviewAI provides personalized interview experiences that adapt to your unique needs and goals.
+              </p>
+              <div className="space-y-4">
+                <div className="flex items-center gap-3">
+                  <div className="w-2 h-2 bg-purple-400 rounded-full"></div>
+                  <span className="text-gray-300">Advanced AI interview simulations</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-2 h-2 bg-pink-400 rounded-full"></div>
+                  <span className="text-gray-300">Personalized feedback and coaching</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-2 h-2 bg-purple-400 rounded-full"></div>
+                  <span className="text-gray-300">Industry-leading success rates</span>
+                </div>
+              </div>
+            </div>
+            <div className="bg-gradient-to-br from-purple-900/50 to-pink-900/50 rounded-2xl p-8 border border-purple-500/30">
+              <div className="space-y-6">
+                <div className="bg-white/5 backdrop-blur-sm rounded-lg p-6">
+                  <div className="text-3xl font-bold text-purple-400 mb-2">2020</div>
+                  <div className="text-gray-400">Founded</div>
+                </div>
+                <div className="bg-white/5 backdrop-blur-sm rounded-lg p-6">
+                  <div className="text-3xl font-bold text-pink-400 mb-2">50K+</div>
+                  <div className="text-gray-400">Happy Users</div>
+                </div>
+                <div className="bg-white/5 backdrop-blur-sm rounded-lg p-6">
+                  <div className="text-3xl font-bold text-purple-400 mb-2">500+</div>
+                  <div className="text-gray-400">Companies Trust Us</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      {/* Features Section */}
+      <section id="features" className="py-20 px-4 sm:px-6 lg:px-8">
+        <div className="max-w-7xl mx-auto">
+          <div className="text-center mb-16">
+            <h2 className="text-4xl sm:text-5xl font-bold mb-4">
+              Why Choose InterviewAI?
+            </h2>
+            <p className="text-xl text-gray-400">
+              Everything you need to ace your next interview
+            </p>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {features.map((feature: Feature, index: number) => (
+              <div
+                key={index}
+                className="bg-gradient-to-br from-purple-900/30 to-pink-900/30 backdrop-blur-sm rounded-xl p-8 border border-purple-500/20 hover:border-purple-500/50 transition-all duration-300 hover:transform hover:scale-105"
+              >
+                <div className="bg-gradient-to-br from-purple-500 to-pink-500 w-16 h-16 rounded-lg flex items-center justify-center mb-4 shadow-lg shadow-purple-500/50">
+                  {feature.icon}
+                </div>
+                <h3 className="text-xl font-bold mb-3">{feature.title}</h3>
+                <p className="text-gray-400">{feature.description}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+      {/* How It Works */}
+      <section id="how-it-works" className="py-20 px-4 sm:px-6 lg:px-8 bg-black/20">
+        <div className="max-w-7xl mx-auto">
+          <div className="text-center mb-16">
+            <h2 className="text-4xl sm:text-5xl font-bold mb-4">
+              How It Works
+            </h2>
+            <p className="text-xl text-gray-400">
+              Get started in three simple steps
+            </p>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {steps.map((item: Step, index: number) => (
+              <div key={index} className="relative text-center">
+                <div className="text-7xl font-bold text-purple-500/20 mb-4">{item.step}</div>
+                <h3 className="text-2xl font-bold mb-3">{item.title}</h3>
+                <p className="text-gray-400">{item.desc}</p>
+                {index < 2 && (
+                  <ChevronRight className="hidden md:block absolute top-12 -right-12 w-8 h-8 text-purple-500/50" />
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+      {/* CTA Section */}
+      <section className="py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-r from-purple-900/50 to-pink-900/50">
+        <div className="max-w-4xl mx-auto text-center">
+          <h2 className="text-4xl sm:text-5xl font-bold mb-6">
+            Ready to Ace Your Interview?
+          </h2>
+          <p className="text-xl text-gray-300 mb-10">
+            Join thousands of successful candidates who prepared with InterviewAI
+          </p>
+          <button className="px-10 py-5 rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 transition shadow-lg shadow-purple-500/50 text-lg font-semibold">
+            Start Your Free Trial Today
+          </button>
+        </div>
+      </section>
+      {/* Footer */}
+      <footer className="py-12 px-4 sm:px-6 lg:px-8 bg-black/40">
+        <div className="max-w-7xl mx-auto text-center text-gray-400">
+          <div className="flex items-center justify-center space-x-2 mb-4">
+            <Sparkles className="w-6 h-6 text-purple-400" />
+            <span className="text-xl font-bold text-white">InterviewAI</span>
+          </div>
+          <p>&copy; 2025 InterviewAI. All rights reserved.</p>
+        </div>
+      </footer>
+    </div>
+  );
+};
+export default AIInterviewPlatform;

Frontend/tailwind.config.cjs ADDED Viewed

	@@ -0,0 +1,10 @@

+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

Frontend/tsconfig.app.json ADDED Viewed

	@@ -0,0 +1,28 @@

+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

Frontend/tsconfig.json ADDED Viewed

	@@ -0,0 +1,7 @@

+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

Frontend/tsconfig.node.json ADDED Viewed

	@@ -0,0 +1,26 @@

+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

Frontend/vite.config.ts ADDED Viewed

	@@ -0,0 +1,11 @@

+import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
+import react from '@vitejs/plugin-react'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss()
+  ],
+})