├── client
    ├── public
    │   └── icon.png
    ├── postcss.config.js
    ├── vite.config.js
    ├── tailwind.config.js
    ├── src
    │   ├── services
    │   │   ├── authService.js
    │   │   └── api.js
    │   ├── main.jsx
    │   ├── components
    │   │   ├── PrivateRoute.jsx
    │   │   └── EventManager.jsx
    │   ├── index.css
    │   ├── App.jsx
    │   ├── App.css
    │   ├── contexts
    │   │   └── AuthContext.jsx
    │   ├── assets
    │   │   └── react.svg
    │   └── pages
    │   │   ├── LoginForm.jsx
    │   │   ├── Home.jsx
    │   │   ├── Dashboard.jsx
    │   │   └── SignupForm.jsx
    ├── .gitignore
    ├── index.html
    ├── README.md
    ├── eslint.config.js
    └── package.json
├── server
    ├── .env
    ├── routes
    │   ├── authRoutes.js
    │   ├── EventRoutes.js
    │   └── RegistrationRoutes.js
    ├── .gitignore
    ├── config.js
    ├── models
    │   ├── userModel.js
    │   ├── EventModel.js
    │   └── RegistrationModel.js
    ├── package.json
    ├── app.js
    ├── middlewares
    │   └── authMiddleware.js
    ├── controllers
    │   ├── EventController.js
    │   ├── RegistrationController.js
    │   └── authController.js
    └── package-lock.json
└── README.md


/client/public/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sriram2915/EventSphere/HEAD/client/public/icon.png


--------------------------------------------------------------------------------
/client/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/server/.env:
--------------------------------------------------------------------------------
1 | PORT=5000
2 | DB_HOST=localhost
3 | DB_USER=root
4 | DB_PASSWORD=1234
5 | DB_NAME=EventSphere
6 | JWT_SECRET=your_jwt_secret
7 | 


--------------------------------------------------------------------------------
/client/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 | 
4 | // https://vite.dev/config/
5 | export default defineConfig({
6 |   plugins: [react()],
7 | })
8 | 


--------------------------------------------------------------------------------
/client/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | export default {
 3 |   content: [
 4 |     "./index.html",
 5 |     "./src/**/*.{js,ts,jsx,tsx}",
 6 |   ],
 7 |   theme: {
 8 |     extend: {},
 9 |   },
10 |   plugins: [],
11 | }
12 | 
13 | 


--------------------------------------------------------------------------------
/server/routes/authRoutes.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const { register, login } = require('../controllers/authController');
4 | 
5 | router.post('/register', register);
6 | router.post('/login', login);
7 | 
8 | module.exports = router;
9 | 


--------------------------------------------------------------------------------
/client/src/services/authService.js:
--------------------------------------------------------------------------------
 1 | import axios from 'axios';
 2 | 
 3 | const API_URL = 'http://localhost:5000/api/auth/';
 4 | 
 5 | export const registerUser = (userData) => {
 6 |   return axios.post(API_URL + 'register', userData);
 7 | };
 8 | 
 9 | export const loginUser = (userData) => {
10 |   return axios.post(API_URL + 'login', userData);
11 | };
12 | 


--------------------------------------------------------------------------------
/client/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/client/src/main.jsx:
--------------------------------------------------------------------------------
 1 | import { StrictMode } from 'react'
 2 | import { createRoot } from 'react-dom/client'
 3 | import './index.css'
 4 | import App from './App.jsx'
 5 | import AuthProvider from "./contexts/AuthContext.jsx";
 6 | 
 7 | createRoot(document.getElementById('root')).render(
 8 |   <StrictMode>
 9 |     <AuthProvider>
10 |     <App />
11 |     </AuthProvider>
12 |   </StrictMode>,
13 | )
14 | 


--------------------------------------------------------------------------------
/client/src/services/api.js:
--------------------------------------------------------------------------------
 1 | import axios from "axios";
 2 | 
 3 | const API = axios.create({
 4 |   baseURL: "http://localhost:5000/api",
 5 | });
 6 | 
 7 | // attach token automatically
 8 | API.interceptors.request.use((config) => {
 9 |   const token = localStorage.getItem("token");
10 |   if (token) config.headers.Authorization = `Bearer ${token}`;
11 |   return config;
12 | });
13 | 
14 | export default API;
15 | 


--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image" href="/icon.png" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>EventSphere</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="root"></div>
11 |     <script type="module" src="/src/main.jsx"></script>
12 |   </body>
13 | </html>


--------------------------------------------------------------------------------
/server/config.js:
--------------------------------------------------------------------------------
 1 | const mysql = require('mysql2');
 2 | require('dotenv').config;
 3 | 
 4 | const conn = mysql.createConnection({
 5 |     host: process.env.DB_HOST,
 6 |     user: process.env.DB_USER,
 7 |     password: process.env.DB_PASSWORD,
 8 |     database: process.env.DB_NAME
 9 | });
10 | 
11 | conn.connect(err =>{
12 |     if(err) throw err;
13 |     console.log('MySQL connected');
14 | });
15 | 
16 | module.exports = conn;


--------------------------------------------------------------------------------
/server/routes/EventRoutes.js:
--------------------------------------------------------------------------------
 1 | const express = require("express");
 2 | const router = express.Router();
 3 | const EventController = require("../controllers/EventController");
 4 | 
 5 | // CRUD Routes
 6 | router.post("/", EventController.createEvent);
 7 | router.get("/", EventController.getEvents);
 8 | router.get("/:id", EventController.getEvent);
 9 | router.put("/:id", EventController.updateEvent);
10 | router.delete("/:id", EventController.deleteEvent);
11 | 
12 | module.exports = router;
13 | 


--------------------------------------------------------------------------------
/client/src/components/PrivateRoute.jsx:
--------------------------------------------------------------------------------
 1 | import { useContext } from "react";
 2 | import { Navigate } from "react-router-dom";
 3 | import { AuthContext } from "../contexts/AuthContext";
 4 | 
 5 | export default function PrivateRoute({ children, roles }) {
 6 |   const { user } = useContext(AuthContext);
 7 | 
 8 |   if (!user) {
 9 |     return <Navigate to="/login" replace />;
10 |   }
11 | 
12 |   if (roles && !roles.includes(user.role)) {
13 |     return <Navigate to="/" replace />; // Redirect if role not allowed
14 |   }
15 | 
16 |   return children;
17 | }
18 | 


--------------------------------------------------------------------------------
/server/models/userModel.js:
--------------------------------------------------------------------------------
 1 | const conn = require('../config');
 2 | 
 3 | const User = {
 4 |   create: (user, callback) => {
 5 |     const sql = "INSERT INTO users (name, email, password, role) VALUES (?, ?, ?, ?)";
 6 |     conn.query(sql, [user.name, user.email, user.password, user.role], callback);
 7 |   },
 8 | 
 9 |   findByEmail: (email, callback) => {
10 |     const sql = "SELECT * FROM users WHERE email = ?";
11 |     conn.query(sql, [email], (err, results) => {
12 |       if (err) return callback(err);
13 |       return callback(null, results[0]);
14 |     });
15 |   }
16 | };
17 | 
18 | module.exports = User;
19 | 


--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "server",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "scripts": {
 6 |     "start": "nodemon app.js",
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [],
10 |   "author": "",
11 |   "license": "ISC",
12 |   "description": "",
13 |   "dependencies": {
14 |     "bcrypt": "^6.0.0",
15 |     "cors": "^2.8.5",
16 |     "dotenv": "^17.2.1",
17 |     "express": "^5.1.0",
18 |     "jsonwebtoken": "^9.0.2",
19 |     "multer": "^2.0.2",
20 |     "mysql2": "^3.14.3"
21 |   },
22 |   "devDependencies": {
23 |     "nodemon": "^3.1.10"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/client/src/index.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | @layer utilities {
 6 |   @keyframes blob {
 7 |     0% {
 8 |       transform: translate(0px, 0px) scale(1);
 9 |     }
10 |     33% {
11 |       transform: translate(30px, -50px) scale(1.1);
12 |     }
13 |     66% {
14 |       transform: translate(-20px, 20px) scale(0.9);
15 |     }
16 |     100% {
17 |       transform: translate(0px, 0px) scale(1);
18 |     }
19 |   }
20 |   .animate-blob {
21 |     animation: blob 8s infinite;
22 |   }
23 |   .animation-delay-2000 {
24 |     animation-delay: 2s;
25 |   }
26 |   .animation-delay-4000 {
27 |     animation-delay: 4s;
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/client/src/App.jsx:
--------------------------------------------------------------------------------
 1 | import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 2 | import Home from "./pages/Home";
 3 | import Login from "./pages/LoginForm";
 4 | import Signup from "./pages/SignupForm";
 5 | import Dashboard from "./pages/Dashboard";
 6 | 
 7 | export default function App() {
 8 |   return (
 9 |     <Router>
10 |       <Routes>
11 |         {/* This will now load your animated glass UI */}
12 |         <Route path="/" element={<Home />} /> 
13 | 
14 |         {/* Keep your other pages */}
15 |         <Route path="/login" element={<Login />} />
16 |         <Route path="/signup" element={<Signup />} />
17 |         <Route path="/dashboard" element={<Dashboard />} />
18 |       </Routes>
19 |     </Router>
20 |   );
21 | }
22 | 


--------------------------------------------------------------------------------
/client/src/App.css:
--------------------------------------------------------------------------------
 1 | #root {
 2 |   max-width: 1280px;
 3 |   margin: 0 auto;
 4 |   padding: 2rem;
 5 |   text-align: center;
 6 | }
 7 | 
 8 | .logo {
 9 |   height: 6em;
10 |   padding: 1.5em;
11 |   will-change: filter;
12 |   transition: filter 300ms;
13 | }
14 | .logo:hover {
15 |   filter: drop-shadow(0 0 2em #646cffaa);
16 | }
17 | .logo.react:hover {
18 |   filter: drop-shadow(0 0 2em #61dafbaa);
19 | }
20 | 
21 | @keyframes logo-spin {
22 |   from {
23 |     transform: rotate(0deg);
24 |   }
25 |   to {
26 |     transform: rotate(360deg);
27 |   }
28 | }
29 | 
30 | @media (prefers-reduced-motion: no-preference) {
31 |   a:nth-of-type(2) .logo {
32 |     animation: logo-spin infinite 20s linear;
33 |   }
34 | }
35 | 
36 | .card {
37 |   padding: 2em;
38 | }
39 | 
40 | .read-the-docs {
41 |   color: #888;
42 | }
43 | 


--------------------------------------------------------------------------------
/server/routes/RegistrationRoutes.js:
--------------------------------------------------------------------------------
 1 | const express = require("express");
 2 | const router = express.Router();
 3 | const RegController = require("../controllers/RegistrationController");
 4 | const { authenticate, authorizeRoles } = require("../middlewares/authMiddleware");
 5 | 
 6 | // Student registers/unregisters (must be authenticated)
 7 | router.post("/:eventId/register", authenticate, RegController.registerForEvent);
 8 | router.delete("/:eventId/unregister", authenticate, RegController.unregisterFromEvent);
 9 | 
10 | // Student views own registrations
11 | router.get("/me", authenticate, RegController.getUserRegistrations);
12 | 
13 | // Admin/Faculty views registrations for an event
14 | router.get("/:eventId", authenticate, authorizeRoles("admin", "faculty"), RegController.getEventRegistrations);
15 | 
16 | module.exports = router;
17 | 


--------------------------------------------------------------------------------
/server/app.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const cors = require('cors');
 3 | const dotenv = require('dotenv');
 4 | dotenv.config();
 5 | 
 6 | const authRoutes = require('./routes/authRoutes');
 7 | 
 8 | const app = express();
 9 | app.use(cors());
10 | app.use(express.json());
11 | app.use('/uploads', express.static('uploads'));
12 | 
13 | // Auth routes
14 | app.use('/api/auth', authRoutes);
15 | 
16 | app.get('/', (req, res) => {
17 |   res.send('EventSphere backend running!');
18 | });
19 | 
20 | const eventRoutes = require("./routes/EventRoutes");
21 | app.use("/api/events", eventRoutes);
22 | 
23 | const regRoutes = require("./routes/RegistrationRoutes");
24 | app.use("/api/registrations", regRoutes);
25 | 
26 | app.listen(process.env.PORT, () => {
27 |   console.log(`Server running at http://localhost:${process.env.PORT}`);
28 | });


--------------------------------------------------------------------------------
/client/README.md:
--------------------------------------------------------------------------------
 1 | # React + Vite
 2 | 
 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 4 | 
 5 | Currently, two official plugins are available:
 6 | 
 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
 8 | - [@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
 9 | 
10 | ## Expanding the ESLint configuration
11 | 
12 | If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
13 | 


--------------------------------------------------------------------------------
/client/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import js from '@eslint/js'
 2 | import globals from 'globals'
 3 | import reactHooks from 'eslint-plugin-react-hooks'
 4 | import reactRefresh from 'eslint-plugin-react-refresh'
 5 | import { defineConfig, globalIgnores } from 'eslint/config'
 6 | 
 7 | export default defineConfig([
 8 |   globalIgnores(['dist']),
 9 |   {
10 |     files: ['**/*.{js,jsx}'],
11 |     extends: [
12 |       js.configs.recommended,
13 |       reactHooks.configs['recommended-latest'],
14 |       reactRefresh.configs.vite,
15 |     ],
16 |     languageOptions: {
17 |       ecmaVersion: 2020,
18 |       globals: globals.browser,
19 |       parserOptions: {
20 |         ecmaVersion: 'latest',
21 |         ecmaFeatures: { jsx: true },
22 |         sourceType: 'module',
23 |       },
24 |     },
25 |     rules: {
26 |       'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
27 |     },
28 |   },
29 | ])
30 | 


--------------------------------------------------------------------------------
/server/middlewares/authMiddleware.js:
--------------------------------------------------------------------------------
 1 | const jwt = require("jsonwebtoken");
 2 | 
 3 | function authenticate(req, res, next) {
 4 |   const authHeader = req.headers.authorization;
 5 |   if (!authHeader || !authHeader.startsWith("Bearer "))
 6 |     return res.status(401).json({ message: "No token provided" });
 7 | 
 8 |   const token = authHeader.split(" ")[1];
 9 |   try {
10 |     const payload = jwt.verify(token, process.env.JWT_SECRET);
11 |     req.user = payload; // { id, name, email, role }
12 |     next();
13 |   } catch (err) {
14 |     return res.status(401).json({ message: "Invalid token" });
15 |   }
16 | }
17 | 
18 | function authorizeRoles(...allowedRoles) {
19 |   return (req, res, next) => {
20 |     if (!req.user) return res.status(401).json({ message: "Not authenticated" });
21 |     if (!allowedRoles.includes(req.user.role))
22 |       return res.status(403).json({ message: "Forbidden" });
23 |     next();
24 |   };
25 | }
26 | 
27 | module.exports = { authenticate, authorizeRoles };
28 | 


--------------------------------------------------------------------------------
/client/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "client",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "vite build",
 9 |     "lint": "eslint .",
10 |     "preview": "vite preview"
11 |   },
12 |   "dependencies": {
13 |     "axios": "^1.11.0",
14 |     "react": "^19.1.1",
15 |     "react-dom": "^19.1.1",
16 |     "react-router-dom": "^7.8.0",
17 |     "react-tsparticles": "^2.12.2",
18 |     "three": "^0.179.1",
19 |     "tsparticles": "^3.9.1"
20 |   },
21 |   "devDependencies": {
22 |     "@eslint/js": "^9.32.0",
23 |     "@types/react": "^19.1.9",
24 |     "@types/react-dom": "^19.1.7",
25 |     "@vitejs/plugin-react": "^4.7.0",
26 |     "autoprefixer": "^10.4.21",
27 |     "eslint": "^9.32.0",
28 |     "eslint-plugin-react-hooks": "^5.2.0",
29 |     "eslint-plugin-react-refresh": "^0.4.20",
30 |     "globals": "^16.3.0",
31 |     "postcss": "^8.5.6",
32 |     "tailwindcss": "^3.4.17",
33 |     "vite": "^7.1.0"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/server/models/EventModel.js:
--------------------------------------------------------------------------------
 1 | const db = require("../config");
 2 | 
 3 | // Create Event
 4 | exports.createEvent = (eventData, callback) => {
 5 |   const sql = `INSERT INTO events (title, description, date, location, created_by) VALUES (?, ?, ?, ?, ?)`;
 6 |   db.query(sql, [
 7 |     eventData.title,
 8 |     eventData.description,
 9 |     eventData.date,
10 |     eventData.location,
11 |     eventData.created_by
12 |   ], callback);
13 | };
14 | 
15 | // Get All Events
16 | exports.getAllEvents = (callback) => {
17 |   db.query(`SELECT * FROM events ORDER BY date ASC`, callback);
18 | };
19 | 
20 | // Get Single Event
21 | exports.getEventById = (id, callback) => {
22 |   db.query(`SELECT * FROM events WHERE id = ?`, [id], callback);
23 | };
24 | 
25 | // Update Event
26 | exports.updateEvent = (id, eventData, callback) => {
27 |   const sql = `UPDATE events SET title=?, description=?, date=?, location=? WHERE id=?`;
28 |   db.query(sql, [
29 |     eventData.title,
30 |     eventData.description,
31 |     eventData.date,
32 |     eventData.location,
33 |     id
34 |   ], callback);
35 | };
36 | 
37 | // Delete Event
38 | exports.deleteEvent = (id, callback) => {
39 |   db.query(`DELETE FROM events WHERE id = ?`, [id], callback);
40 | };
41 | 


--------------------------------------------------------------------------------
/client/src/contexts/AuthContext.jsx:
--------------------------------------------------------------------------------
 1 | import { createContext, useState, useEffect } from "react";
 2 | 
 3 | export const AuthContext = createContext();
 4 | 
 5 | export default function AuthProvider({ children }) {
 6 |   const [user, setUser] = useState(null); // { id, name, email, role }
 7 |   const [token, setToken] = useState(localStorage.getItem("token") || null);
 8 | 
 9 |   useEffect(() => {
10 |     if (token) {
11 |       try {
12 |         // Decode JWT payload (base64 decode)
13 |         const payload = JSON.parse(atob(token.split(".")[1]));
14 |         setUser({ id: payload.id, name: payload.name, email: payload.email, role: payload.role });
15 |       } catch (err) {
16 |         console.error("Invalid token", err);
17 |         setToken(null);
18 |         localStorage.removeItem("token");
19 |       }
20 |     }
21 |   }, [token]);
22 | 
23 |   const login = (jwtToken) => {
24 |     localStorage.setItem("token", jwtToken);
25 |     setToken(jwtToken);
26 |   };
27 | 
28 |   const logout = () => {
29 |     localStorage.removeItem("token");
30 |     setToken(null);
31 |     setUser(null);
32 |   };
33 | 
34 |   return (
35 |     <AuthContext.Provider value={{ user, token, login, logout }}>
36 |       {children}
37 |     </AuthContext.Provider>
38 |   );
39 | }
40 | 


--------------------------------------------------------------------------------
/server/controllers/EventController.js:
--------------------------------------------------------------------------------
 1 | const Event = require("../models/EventModel");
 2 | 
 3 | exports.createEvent = (req, res) => {
 4 |   Event.createEvent(req.body, (err, result) => {
 5 |     if (err) return res.status(500).json({ error: err.message });
 6 |     res.json({ message: "Event created successfully", id: result.insertId });
 7 |   });
 8 | };
 9 | 
10 | exports.getEvents = (req, res) => {
11 |   Event.getAllEvents((err, results) => {
12 |     if (err) return res.status(500).json({ error: err.message });
13 |     res.json(results);
14 |   });
15 | };
16 | 
17 | exports.getEvent = (req, res) => {
18 |   Event.getEventById(req.params.id, (err, result) => {
19 |     if (err) return res.status(500).json({ error: err.message });
20 |     res.json(result[0]);
21 |   });
22 | };
23 | 
24 | exports.updateEvent = (req, res) => {
25 |   Event.updateEvent(req.params.id, req.body, (err) => {
26 |     if (err) return res.status(500).json({ error: err.message });
27 |     res.json({ message: "Event updated successfully" });
28 |   });
29 | };
30 | 
31 | exports.deleteEvent = (req, res) => {
32 |   Event.deleteEvent(req.params.id, (err) => {
33 |     if (err) return res.status(500).json({ error: err.message });
34 |     res.json({ message: "Event deleted successfully" });
35 |   });
36 | };
37 | 


--------------------------------------------------------------------------------
/server/models/RegistrationModel.js:
--------------------------------------------------------------------------------
 1 | const db = require("../config");
 2 | 
 3 | exports.createRegistration = (eventId, userId, cb) => {
 4 |   const sql = `INSERT INTO registrations (event_id, user_id) VALUES (?, ?)`;
 5 |   db.query(sql, [eventId, userId], cb);
 6 | };
 7 | 
 8 | exports.deleteRegistration = (eventId, userId, cb) => {
 9 |   const sql = `DELETE FROM registrations WHERE event_id = ? AND user_id = ?`;
10 |   db.query(sql, [eventId, userId], cb);
11 | };
12 | 
13 | exports.getRegistrationsByEvent = (eventId, cb) => {
14 |   const sql = `
15 |     SELECT r.id, r.registered_at, u.id as user_id, u.name, u.email
16 |     FROM registrations r
17 |     JOIN users u ON u.id = r.user_id
18 |     WHERE r.event_id = ?
19 |     ORDER BY r.registered_at DESC
20 |   `;
21 |   db.query(sql, [eventId], cb);
22 | };
23 | 
24 | exports.getRegistrationsByUser = (userId, cb) => {
25 |   const sql = `
26 |     SELECT r.id, r.registered_at, e.id as event_id, e.title, e.date, e.location
27 |     FROM registrations r
28 |     JOIN events e ON e.id = r.event_id
29 |     WHERE r.user_id = ?
30 |     ORDER BY r.registered_at DESC
31 |   `;
32 |   db.query(sql, [userId], cb);
33 | };
34 | 
35 | exports.isRegistered = (eventId, userId, cb) => {
36 |   const sql = `SELECT * FROM registrations WHERE event_id = ? AND user_id = ?`;
37 |   db.query(sql, [eventId, userId], (err, results) => {
38 |     if (err) return cb(err);
39 |     cb(null, results.length > 0);
40 |   });
41 | };
42 | 


--------------------------------------------------------------------------------
/server/controllers/RegistrationController.js:
--------------------------------------------------------------------------------
 1 | const Registration = require("../models/RegistrationModel");
 2 | 
 3 | exports.registerForEvent = (req, res) => {
 4 |   const eventId = parseInt(req.params.eventId, 10);
 5 |   const userId = req.user.id;
 6 | 
 7 |   Registration.createRegistration(eventId, userId, (err, result) => {
 8 |     if (err) {
 9 |       // unique constraint violation -> already registered
10 |       if (err.code === "ER_DUP_ENTRY")
11 |         return res.status(400).json({ message: "Already registered" });
12 |       return res.status(500).json({ error: err.message });
13 |     }
14 |     res.json({ message: "Registered successfully", id: result.insertId });
15 |   });
16 | };
17 | 
18 | exports.unregisterFromEvent = (req, res) => {
19 |   const eventId = parseInt(req.params.eventId, 10);
20 |   const userId = req.user.id;
21 | 
22 |   Registration.deleteRegistration(eventId, userId, (err, result) => {
23 |     if (err) return res.status(500).json({ error: err.message });
24 |     if (result.affectedRows === 0)
25 |       return res.status(404).json({ message: "Registration not found" });
26 |     res.json({ message: "Unregistered successfully" });
27 |   });
28 | };
29 | 
30 | exports.getEventRegistrations = (req, res) => {
31 |   const eventId = parseInt(req.params.eventId, 10);
32 |   Registration.getRegistrationsByEvent(eventId, (err, results) => {
33 |     if (err) return res.status(500).json({ error: err.message });
34 |     res.json(results);
35 |   });
36 | };
37 | 
38 | exports.getUserRegistrations = (req, res) => {
39 |   const userId = req.user.id;
40 |   Registration.getRegistrationsByUser(userId, (err, results) => {
41 |     if (err) return res.status(500).json({ error: err.message });
42 |     res.json(results);
43 |   });
44 | };
45 | 


--------------------------------------------------------------------------------
/server/controllers/authController.js:
--------------------------------------------------------------------------------
 1 | const User = require('../models/userModel');
 2 | const bcrypt = require('bcrypt');
 3 | const jwt = require('jsonwebtoken');
 4 | 
 5 | const register = (req, res) => {
 6 |   const { name, email, password, role } = req.body;
 7 | 
 8 |   if (!name || !email || !password) {
 9 |     return res.status(400).json({ message: 'Please fill all fields' });
10 |   }
11 | 
12 |   User.findByEmail(email, async (err, existingUser) => {
13 |     if (err) return res.status(500).json(err);
14 |     if (existingUser) return res.status(400).json({ message: 'Email already exists' });
15 | 
16 |     const hashedPassword = await bcrypt.hash(password, 10);
17 | 
18 |     User.create({ name, email, password: hashedPassword, role }, (err, result) => {
19 |       if (err) return res.status(500).json(err);
20 |       return res.status(201).json({ message: 'User registered successfully' });
21 |     });
22 |   });
23 | };
24 | 
25 | const login = (req, res) => {
26 |   const { email, password } = req.body;
27 | 
28 |   if (!email || !password)
29 |     return res.status(400).json({ message: 'Please enter email and password' });
30 | 
31 |   User.findByEmail(email, async (err, user) => {
32 |     if (err) return res.status(500).json(err);
33 |     if (!user) return res.status(400).json({ message: 'Invalid credentials' });
34 | 
35 |     const isMatch = await bcrypt.compare(password, user.password);
36 |     if (!isMatch) return res.status(400).json({ message: 'Invalid credentials' });
37 | 
38 |     const token = jwt.sign(
39 |       { id: user.id, name: user.name, email: user.email, role: user.role },
40 |       process.env.JWT_SECRET,
41 |       { expiresIn: '1d' }
42 |     );
43 | 
44 |     res.json({ token, user: { id: user.id, name: user.name, email: user.email, role: user.role } });
45 |   });
46 | };
47 | 
48 | module.exports = { register, login };
49 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # EventSphere
  2 | 
  3 | **EventSphere** is a full-stack event management application built with **React (Vite)** on the frontend, **Node.js + Express** on the backend, and **MySQL** as the database. It provides user role-based dashboards (Admin, Faculty, Student) for managing events, user accounts, and registrations.
  4 | 
  5 | ---
  6 | 
  7 | ## 📂 Project Structure
  8 | 
  9 | ```
 10 | EventSphere/
 11 | ├── client/                 # Frontend (React + Vite)
 12 | │   ├── src/
 13 | │   │   ├── components/     # Reusable UI components
 14 | │   │   ├── contexts/       # Auth context
 15 | │   │   ├── pages/          # Page components (Dashboard, Login, etc.)
 16 | │   │   ├── App.jsx         # Main App component
 17 | │   │   └── main.jsx        # React entry point
 18 | │   └── package.json        # Frontend dependencies
 19 | │
 20 | ├── server/                 # Backend (Node.js + Express)
 21 | │   ├── models/             # Sequelize models (User, Event)
 22 | │   ├── routes/             # API routes
 23 | │   ├── controllers/        # Request handling logic
 24 | │   ├── config/             # Database connection settings
 25 | │   ├── server.js           # Backend entry point
 26 | │   └── package.json        # Backend dependencies
 27 | │
 28 | └── README.md               # Project documentation
 29 | ```
 30 | 
 31 | ---
 32 | 
 33 | ## 🚀 Tech Stack
 34 | 
 35 | **Frontend:**
 36 | 
 37 | * React + Vite
 38 | * TailwindCSS
 39 | * Axios (API calls)
 40 | * React Router DOM
 41 | 
 42 | **Backend:**
 43 | 
 44 | * Node.js
 45 | * Express.js
 46 | * Sequelize ORM
 47 | * bcrypt (Password hashing)
 48 | * jsonwebtoken (JWT authentication)
 49 | 
 50 | **Database:**
 51 | 
 52 | * MySQL
 53 | 
 54 | ---
 55 | 
 56 | ## 🔑 Features
 57 | 
 58 | * **Role-based authentication** (Admin, Faculty, Student)
 59 | * Admin: Manage all events and users
 60 | * Faculty: Create and manage own events
 61 | * Student: View and register for events
 62 | * Secure authentication using JWT and hashed passwords
 63 | * RESTful API integration
 64 | 
 65 | ---
 66 | 
 67 | ## 📦 Installation & Setup
 68 | 
 69 | ### 1️⃣ Clone Repository
 70 | 
 71 | ```bash
 72 | git clone https://github.com/yourusername/EventSphere.git
 73 | cd EventSphere
 74 | ```
 75 | 
 76 | ### 2️⃣ Setup Backend
 77 | 
 78 | ```bash
 79 | cd server
 80 | npm install
 81 | # Configure .env for DB connection
 82 | npm run dev
 83 | ```
 84 | 
 85 | ### 3️⃣ Setup Frontend
 86 | 
 87 | ```bash
 88 | cd ../client
 89 | npm install
 90 | npm run dev
 91 | ```
 92 | 
 93 | ---
 94 | 
 95 | ## 🗝️ Environment Variables
 96 | 
 97 | **Backend `.env`**
 98 | 
 99 | ```
100 | DB_HOST=localhost
101 | DB_USER=root
102 | DB_PASS=yourpassword
103 | DB_NAME=eventsphere
104 | JWT_SECRET=your_secret_key
105 | ```
106 | 
107 | ---
108 | 
109 | ## 📌 Usage
110 | 
111 | * **Admin Dashboard**: Manage events & users
112 | * **Faculty Dashboard**: Create & edit events
113 | * **Student Dashboard**: Browse & register for events
114 | 
115 | ---
116 | 
117 | 


--------------------------------------------------------------------------------
/client/src/assets/react.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>


--------------------------------------------------------------------------------
/client/src/components/EventManager.jsx:
--------------------------------------------------------------------------------
  1 | import { useState, useEffect, useContext } from "react";
  2 | import axios from "axios";
  3 | import { AuthContext } from "../contexts/AuthContext";
  4 | 
  5 | export default function EventManager() {
  6 |   const { user } = useContext(AuthContext);
  7 |   const [events, setEvents] = useState([]);
  8 |   const [form, setForm] = useState({ title: "", description: "", date: "", location: "" });
  9 |   const [editingId, setEditingId] = useState(null);
 10 | 
 11 |   const API_URL = "http://localhost:5000/api/events";
 12 | 
 13 |   useEffect(() => {
 14 |     fetchEvents();
 15 |   }, []);
 16 | 
 17 |   const fetchEvents = async () => {
 18 |     try {
 19 |       const res = await axios.get(API_URL);
 20 |       setEvents(res.data);
 21 |     } catch (err) {
 22 |       console.error(err);
 23 |     }
 24 |   };
 25 | 
 26 |   const handleChange = (e) => {
 27 |     setForm({ ...form, [e.target.name]: e.target.value });
 28 |   };
 29 | 
 30 |   const handleSubmit = async (e) => {
 31 |     e.preventDefault();
 32 |     try {
 33 |       if (editingId) {
 34 |         await axios.put(`${API_URL}/${editingId}`, form);
 35 |       } else {
 36 |         await axios.post(API_URL, { ...form, created_by: user.id });
 37 |       }
 38 |       setForm({ title: "", description: "", date: "", location: "" });
 39 |       setEditingId(null);
 40 |       fetchEvents();
 41 |     } catch (err) {
 42 |       console.error(err);
 43 |     }
 44 |   };
 45 | 
 46 |   const handleEdit = (event) => {
 47 |     setForm({
 48 |       title: event.title,
 49 |       description: event.description,
 50 |       date: event.date.split("T")[0],
 51 |       location: event.location
 52 |     });
 53 |     setEditingId(event.id);
 54 |   };
 55 | 
 56 |   const handleDelete = async (id) => {
 57 |     if (!window.confirm("Are you sure you want to delete this event?")) return;
 58 |     try {
 59 |       await axios.delete(`${API_URL}/${id}`);
 60 |       fetchEvents();
 61 |     } catch (err) {
 62 |       console.error(err);
 63 |     }
 64 |   };
 65 | 
 66 |   return (
 67 |     <div className="bg-white p-6 rounded shadow mt-6">
 68 |       <h3 className="text-lg font-bold mb-3">Event Manager</h3>
 69 | 
 70 |       {/* Only Admin/Faculty can create/edit events */}
 71 |       {(user?.role === "admin" || user?.role === "faculty") && (
 72 |         <form onSubmit={handleSubmit} className="mb-6 space-y-3">
 73 |           <input
 74 |             type="text"
 75 |             name="title"
 76 |             placeholder="Event Title"
 77 |             value={form.title}
 78 |             onChange={handleChange}
 79 |             className="border p-2 w-full rounded"
 80 |             required
 81 |           />
 82 |           <textarea
 83 |             name="description"
 84 |             placeholder="Event Description"
 85 |             value={form.description}
 86 |             onChange={handleChange}
 87 |             className="border p-2 w-full rounded"
 88 |           ></textarea>
 89 |           <input
 90 |             type="date"
 91 |             name="date"
 92 |             value={form.date}
 93 |             onChange={handleChange}
 94 |             className="border p-2 w-full rounded"
 95 |             required
 96 |           />
 97 |           <input
 98 |             type="text"
 99 |             name="location"
100 |             placeholder="Location"
101 |             value={form.location}
102 |             onChange={handleChange}
103 |             className="border p-2 w-full rounded"
104 |             required
105 |           />
106 |           <button
107 |             type="submit"
108 |             className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
109 |           >
110 |             {editingId ? "Update Event" : "Create Event"}
111 |           </button>
112 |         </form>
113 |       )}
114 | 
115 |       {/* Event List */}
116 |       <table className="w-full border">
117 |         <thead>
118 |           <tr className="bg-gray-200">
119 |             <th className="p-2 border">Title</th>
120 |             <th className="p-2 border">Description</th>
121 |             <th className="p-2 border">Date</th>
122 |             <th className="p-2 border">Location</th>
123 |             {(user?.role === "admin" || user?.role === "faculty") && (
124 |               <th className="p-2 border">Actions</th>
125 |             )}
126 |           </tr>
127 |         </thead>
128 |         <tbody>
129 |           {events.map((ev) => (
130 |             <tr key={ev.id}>
131 |               <td className="p-2 border">{ev.title}</td>
132 |               <td className="p-2 border">{ev.description}</td>
133 |               <td className="p-2 border">{new Date(ev.date).toLocaleDateString()}</td>
134 |               <td className="p-2 border">{ev.location}</td>
135 |               {(user?.role === "admin" || user?.role === "faculty") && (
136 |                 <td className="p-2 border space-x-2">
137 |                   <button
138 |                     onClick={() => handleEdit(ev)}
139 |                     className="bg-yellow-500 text-white px-2 py-1 rounded"
140 |                   >
141 |                     Edit
142 |                   </button>
143 |                   <button
144 |                     onClick={() => handleDelete(ev.id)}
145 |                     className="bg-red-500 text-white px-2 py-1 rounded"
146 |                   >
147 |                     Delete
148 |                   </button>
149 |                 </td>
150 |               )}
151 |             </tr>
152 |           ))}
153 |         </tbody>
154 |       </table>
155 |     </div>
156 |   );
157 | }
158 | 


--------------------------------------------------------------------------------
/client/src/pages/LoginForm.jsx:
--------------------------------------------------------------------------------
  1 | import { useState, useContext, useEffect, useRef } from "react";
  2 | import { loginUser } from "../services/authService";
  3 | import { AuthContext } from "../contexts/AuthContext";
  4 | import { useNavigate, Link } from "react-router-dom";
  5 | import * as THREE from "three";
  6 | 
  7 | export default function LoginForm() {
  8 |   const [form, setForm] = useState({ email: "", password: "" });
  9 |   const [msg, setMsg] = useState("");
 10 |   const [isLoading, setIsLoading] = useState(false);
 11 |   const [showPassword, setShowPassword] = useState(false);
 12 |   const [darkMode, setDarkMode] = useState(() => {
 13 |     const saved = localStorage.getItem("theme");
 14 |     return saved ? saved === "dark" : true;
 15 |   });
 16 |   const { login } = useContext(AuthContext);
 17 |   const navigate = useNavigate();
 18 |   const mountRef = useRef(null);
 19 |   const sceneRef = useRef(null);
 20 |   const animationIdRef = useRef(null);
 21 | 
 22 |   const handleChange = (e) => setForm({ ...form, [e.target.name]: e.target.value });
 23 | 
 24 |   const handleSubmit = async (e) => {
 25 |     e.preventDefault();
 26 |     setIsLoading(true);
 27 |     setMsg("");
 28 |     
 29 |     try {
 30 |       const res = await loginUser(form);
 31 |       login(res.data.token);
 32 |       setMsg("Login successful! Redirecting...");
 33 |       setTimeout(() => navigate("/dashboard"), 1500);
 34 |     } catch (err) {
 35 |       setMsg(err.response?.data?.message || "Login failed. Please try again.");
 36 |       setIsLoading(false);
 37 |     }
 38 |   };
 39 | 
 40 |   // 3D Background Animation
 41 |   useEffect(() => {
 42 |     if (!mountRef.current) return;
 43 |     
 44 |     const mount = mountRef.current;
 45 |     const scene = new THREE.Scene();
 46 |     const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
 47 |     const camera = new THREE.PerspectiveCamera(45, mount.clientWidth / mount.clientHeight, 0.1, 100);
 48 |     
 49 |     renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
 50 |     renderer.setSize(mount.clientWidth, mount.clientHeight);
 51 |     camera.position.set(0, 0, 8);
 52 |     mount.appendChild(renderer.domElement);
 53 | 
 54 |     // Lights
 55 |     scene.add(
 56 |       new THREE.DirectionalLight(0xffffff, 1.0).add(light => light.position.set(2, 3, 4)),
 57 |       new THREE.DirectionalLight(0x8b5cf6, 0.5).add(light => light.position.set(-3, -2, -2)),
 58 |       new THREE.AmbientLight(0xffffff, 0.3)
 59 |     );
 60 | 
 61 |     // Create floating geometric shapes
 62 |     const shapes = [];
 63 |     for (let i = 0; i < 15; i++) {
 64 |       const geometries = [
 65 |         new THREE.TetrahedronGeometry(0.3),
 66 |         new THREE.OctahedronGeometry(0.25),
 67 |         new THREE.IcosahedronGeometry(0.2),
 68 |         new THREE.BoxGeometry(0.3, 0.3, 0.3),
 69 |       ];
 70 |       
 71 |       const shape = new THREE.Mesh(
 72 |         geometries[i % 4],
 73 |         new THREE.MeshPhongMaterial({
 74 |           color: new THREE.Color().setHSL((i * 0.1) % 1, 0.7, 0.6),
 75 |           transparent: true,
 76 |           opacity: 0.4,
 77 |           wireframe: Math.random() > 0.5,
 78 |         })
 79 |       );
 80 |       
 81 |       shape.position.set(
 82 |         (Math.random() - 0.5) * 20,
 83 |         (Math.random() - 0.5) * 20,
 84 |         (Math.random() - 0.5) * 15
 85 |       );
 86 |       
 87 |       shape.userData = {
 88 |         rotSpeed: [(Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02],
 89 |         floatSpeed: Math.random() * 0.01 + 0.005,
 90 |         offset: Math.random() * Math.PI * 2,
 91 |       };
 92 |       
 93 |       shapes.push(shape);
 94 |       scene.add(shape);
 95 |     }
 96 | 
 97 |     // Particles
 98 |     const particleCount = 800;
 99 |     const positions = new Float32Array(particleCount * 3);
100 |     const velocities = new Float32Array(particleCount * 3);
101 |     
102 |     for (let i = 0; i < particleCount * 3; i += 3) {
103 |       positions[i] = (Math.random() - 0.5) * 30;
104 |       positions[i + 1] = (Math.random() - 0.5) * 30;
105 |       positions[i + 2] = (Math.random() - 0.5) * 20;
106 |       velocities[i] = (Math.random() - 0.5) * 0.01;
107 |       velocities[i + 1] = (Math.random() - 0.5) * 0.01;
108 |       velocities[i + 2] = (Math.random() - 0.5) * 0.01;
109 |     }
110 |     
111 |     const particles = new THREE.Points(
112 |       new THREE.BufferGeometry().setAttribute('position', new THREE.BufferAttribute(positions, 3)),
113 |       new THREE.PointsMaterial({
114 |         size: 0.02,
115 |         color: darkMode ? 0xffffff : 0x1e293b,
116 |         transparent: true,
117 |         opacity: 0.6,
118 |       })
119 |     );
120 |     scene.add(particles);
121 | 
122 |     const onResize = () => {
123 |       if (!mount || !renderer || !camera) return;
124 |       renderer.setSize(mount.clientWidth, mount.clientHeight);
125 |       camera.aspect = mount.clientWidth / mount.clientHeight;
126 |       camera.updateProjectionMatrix();
127 |     };
128 |     
129 |     window.addEventListener("resize", onResize);
130 | 
131 |     // Animation loop
132 |     const clock = new THREE.Clock();
133 |     const animate = () => {
134 |       if (!renderer || !scene || !camera) return;
135 |       
136 |       const t = clock.getElapsedTime();
137 |       
138 |       // Animate shapes
139 |       shapes.forEach((shape, i) => {
140 |         const { rotSpeed, floatSpeed, offset } = shape.userData;
141 |         shape.rotation.x += rotSpeed[0];
142 |         shape.rotation.y += rotSpeed[1];
143 |         shape.rotation.z += rotSpeed[2];
144 |         shape.position.y += Math.sin(t * floatSpeed + offset) * 0.003;
145 |         shape.material.opacity = 0.3 + Math.sin(t * 2 + i) * 0.2;
146 |       });
147 | 
148 |       // Animate particles
149 |       particles.rotation.y += 0.001;
150 |       for (let i = 0; i < particleCount * 3; i += 3) {
151 |         positions[i] += velocities[i];
152 |         positions[i + 1] += velocities[i + 1];
153 |         positions[i + 2] += velocities[i + 2];
154 |         if (Math.abs(positions[i]) > 15) velocities[i] *= -1;
155 |         if (Math.abs(positions[i + 1]) > 15) velocities[i + 1] *= -1;
156 |         if (Math.abs(positions[i + 2]) > 10) velocities[i + 2] *= -1;
157 |       }
158 |       particles.geometry.attributes.position.needsUpdate = true;
159 | 
160 |       camera.position.x = Math.sin(t * 0.1) * 0.5;
161 |       camera.position.y = Math.cos(t * 0.12) * 0.3;
162 |       camera.lookAt(scene.position);
163 | 
164 |       renderer.render(scene, camera);
165 |       animationIdRef.current = requestAnimationFrame(animate);
166 |     };
167 |     animate();
168 | 
169 |     sceneRef.current = { scene, renderer, camera, shapes, particles };
170 | 
171 |     // Cleanup
172 |     return () => {
173 |       if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
174 |       window.removeEventListener("resize", onResize);
175 |       if (mount.contains(renderer.domElement)) mount.removeChild(renderer.domElement);
176 |       scene.traverse(obj => {
177 |         if (obj.geometry) obj.geometry.dispose();
178 |         if (obj.material) obj.material.dispose();
179 |       });
180 |       renderer.dispose();
181 |     };
182 |   }, [darkMode]);
183 | 
184 |   return (
185 |     <div className={darkMode ? "dark" : ""}>
186 |       <div className={`min-h-screen flex items-center justify-center p-6 relative overflow-hidden ${
187 |         darkMode ? "bg-gradient-to-br from-[#0f172a] via-[#111827] to-[#1f2937]" 
188 |                  : "bg-gradient-to-br from-[#eef2ff] via-white to-[#cffafe]"
189 |       }`}>
190 |         
191 |         {/* 3D Background */}
192 |         <div ref={mountRef} className="absolute inset-0 -z-10" />
193 |         
194 |         {/* Background Elements */}
195 |         <div className="absolute inset-0 opacity-20">
196 |           <div className={`absolute inset-0 ${darkMode 
197 |             ? "bg-gradient-to-r from-purple-800/20 via-pink-800/20 to-cyan-800/20"
198 |             : "bg-gradient-to-r from-purple-200/30 via-pink-200/30 to-cyan-200/30"
199 |           } animate-pulse`} />
200 |         </div>
201 | 
202 |         {/* Floating Orbs */}
203 |         <div className="absolute inset-0 -z-5">
204 |           {[...Array(6)].map((_, i) => (
205 |             <div key={`orb-${i}`} className="absolute rounded-full blur-xl opacity-20"
206 |               style={{
207 |                 width: `${80 + i * 30}px`, height: `${80 + i * 30}px`,
208 |                 background: `radial-gradient(circle, ${['#8b5cf6', '#ec4899', '#22d3ee', '#f59e0b'][i % 4]} 0%, transparent 70%)`,
209 |                 left: `${10 + i * 15}%`, top: `${15 + i * 12}%`,
210 |                 animation: `float ${10 + i * 2}s ease-in-out infinite`,
211 |               }} />
212 |           ))}
213 |         </div>
214 | 
215 |         {/* Back to Home Button */}
216 |         <Link to="/" 
217 |           className={`absolute top-6 left-6 z-50 flex items-center gap-2 px-4 py-2 rounded-full backdrop-blur-xl transition-all duration-300 hover:scale-105 ${
218 |             darkMode ? "bg-white/20 text-white hover:bg-white/30" : "bg-slate-800/70 text-white hover:bg-slate-700/80"
219 |           }`}>
220 |           <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
221 |             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" />
222 |           </svg>
223 |           <span className="font-medium">Back</span>
224 |         </Link>
225 | 
226 |         {/* Theme Toggle */}
227 |         <button
228 |           onClick={() => setDarkMode(prev => !prev)}
229 |           className={`absolute top-6 right-6 z-50 w-12 h-12 rounded-full backdrop-blur-xl flex items-center justify-center transition-all duration-300 hover:scale-110 ${
230 |             darkMode ? "bg-white/20 text-white hover:bg-white/30" : "bg-slate-800/70 text-white hover:bg-slate-700/80"
231 |           }`}
232 |         >
233 |           {darkMode ? (
234 |             <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
235 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
236 |             </svg>
237 |           ) : (
238 |             <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
239 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
240 |             </svg>
241 |           )}
242 |         </button>
243 | 
244 |         {/* Login Form Container */}
245 |         <div className="relative z-10 w-full max-w-md">
246 |           <div className={`backdrop-blur-2xl rounded-3xl p-8 shadow-2xl border transform transition-all duration-500 hover:scale-[1.02] ${
247 |             darkMode 
248 |               ? "bg-white/10 border-white/20 shadow-black/20" 
249 |               : "bg-white/80 border-slate-200/50 shadow-slate-900/10"
250 |           }`}>
251 |             
252 |             {/* Header */}
253 |             <div className="text-center mb-8">
254 |               <div className="mb-4">
255 |                 <h1 className={`text-4xl font-bold bg-gradient-to-r from-purple-400 via-pink-400 to-cyan-400 bg-clip-text text-transparent animate-pulse`}>
256 |                   EventSphere
257 |                 </h1>
258 |               </div>
259 |               <h2 className={`text-2xl font-semibold mb-2 ${
260 |                 darkMode ? "text-white" : "text-slate-800"
261 |               }`}>Welcome Back</h2>
262 |               <p className={`${
263 |                 darkMode ? "text-white/70" : "text-slate-600"
264 |               }`}>Sign in to your account</p>
265 |             </div>
266 | 
267 |             {/* Form */}
268 |             <form onSubmit={handleSubmit} className="space-y-6">
269 |               {/* Email Field */}
270 |               <div className="relative group">
271 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
272 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
273 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
274 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
275 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" />
276 |                   </svg>
277 |                 </div>
278 |                 <input
279 |                   name="email"
280 |                   type="email"
281 |                   placeholder="Enter your email"
282 |                   value={form.email}
283 |                   onChange={handleChange}
284 |                   required
285 |                   className={`w-full pl-10 pr-4 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 ${
286 |                     darkMode 
287 |                       ? "bg-white/10 border-white/20 text-white placeholder-white/50 focus:bg-white/15" 
288 |                       : "bg-white/70 border-slate-200 text-slate-800 placeholder-slate-400 focus:bg-white"
289 |                   }`}
290 |                 />
291 |               </div>
292 | 
293 |               {/* Password Field */}
294 |               <div className="relative group">
295 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
296 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
297 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
298 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
299 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
300 |                   </svg>
301 |                 </div>
302 |                 <input
303 |                   name="password"
304 |                   type={showPassword ? "text" : "password"}
305 |                   placeholder="Enter your password"
306 |                   value={form.password}
307 |                   onChange={handleChange}
308 |                   required
309 |                   className={`w-full pl-10 pr-12 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 ${
310 |                     darkMode 
311 |                       ? "bg-white/10 border-white/20 text-white placeholder-white/50 focus:bg-white/15" 
312 |                       : "bg-white/70 border-slate-200 text-slate-800 placeholder-slate-400 focus:bg-white"
313 |                   }`}
314 |                 />
315 |                 <button
316 |                   type="button"
317 |                   onClick={() => setShowPassword(!showPassword)}
318 |                   className={`absolute inset-y-0 right-0 pr-3 flex items-center transition-colors duration-300 ${
319 |                     darkMode ? "text-white/40 hover:text-white/70" : "text-slate-400 hover:text-slate-600"
320 |                   }`}
321 |                 >
322 |                   {showPassword ? (
323 |                     <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
324 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.878 9.878L3 3m6.878 6.878L21 21" />
325 |                     </svg>
326 |                   ) : (
327 |                     <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
328 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
329 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
330 |                     </svg>
331 |                   )}
332 |                 </button>
333 |               </div>
334 | 
335 |               {/* Submit Button */}
336 |               <button
337 |                 type="submit"
338 |                 disabled={isLoading}
339 |                 className={`w-full py-4 rounded-2xl font-bold text-lg shadow-lg transition-all duration-300 transform hover:scale-105 hover:shadow-xl active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed ${
340 |                   isLoading
341 |                     ? "bg-gradient-to-r from-gray-400 to-gray-500"
342 |                     : "bg-gradient-to-r from-purple-500 via-pink-500 to-cyan-500 hover:from-purple-600 hover:via-pink-600 hover:to-cyan-600"
343 |                 } text-white relative overflow-hidden`}
344 |               >
345 |                 {isLoading && (
346 |                   <div className="absolute inset-0 bg-gradient-to-r from-purple-500/50 via-pink-500/50 to-cyan-500/50 animate-pulse" />
347 |                 )}
348 |                 <span className="relative flex items-center justify-center gap-2">
349 |                   {isLoading ? (
350 |                     <>
351 |                       <svg className="w-5 h-5 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
352 |                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
353 |                       </svg>
354 |                       Signing In...
355 |                     </>
356 |                   ) : (
357 |                     <>
358 |                       Sign In
359 |                       <svg className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
360 |                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
361 |                       </svg>
362 |                     </>
363 |                   )}
364 |                 </span>
365 |               </button>
366 |             </form>
367 | 
368 |             {/* Message */}
369 |             {msg && (
370 |               <div className={`mt-6 p-4 rounded-2xl text-center font-medium transition-all duration-300 ${
371 |                 msg.includes("successful") 
372 |                   ? darkMode ? "bg-green-500/20 text-green-300 border border-green-500/30" : "bg-green-100 text-green-700 border border-green-200"
373 |                   : darkMode ? "bg-red-500/20 text-red-300 border border-red-500/30" : "bg-red-100 text-red-700 border border-red-200"
374 |               }`}>
375 |                 {msg}
376 |               </div>
377 |             )}
378 | 
379 |             {/* Footer */}
380 |             <div className="mt-8 text-center">
381 |               <p className={`text-sm ${darkMode ? "text-white/70" : "text-slate-600"}`}>
382 |                 Don't have an account?{" "}
383 |                 <Link 
384 |                   to="/signup" 
385 |                   className="font-bold bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent hover:from-purple-500 hover:to-pink-500 transition-all duration-300"
386 |                 >
387 |                   Sign up here
388 |                 </Link>
389 |               </p>
390 |             </div>
391 |           </div>
392 |         </div>
393 | 
394 |         <style jsx>{`
395 |           @keyframes float {
396 |             0%, 100% { transform: translateY(0px) translateX(0px); }
397 |             25% { transform: translateY(-20px) translateX(10px); }
398 |             50% { transform: translateY(-30px) translateX(-5px); }
399 |             75% { transform: translateY(-10px) translateX(-15px); }
400 |           }
401 |         `}</style>
402 |       </div>
403 |     </div>
404 |   );
405 | }
406 | 


--------------------------------------------------------------------------------
/client/src/pages/Home.jsx:
--------------------------------------------------------------------------------
  1 | import { Link } from "react-router-dom";
  2 | import { useEffect, useRef, useState } from "react";
  3 | import * as THREE from "three";
  4 | 
  5 | export default function Home() {
  6 |   const mountRef = useRef(null);
  7 |   const menuRef = useRef(null);
  8 |   const [menuOpen, setMenuOpen] = useState(false);
  9 |   const [darkMode, setDarkMode] = useState(() => {
 10 |     const saved = localStorage.getItem("theme");
 11 |     return saved ? saved === "dark" : true;
 12 |   });
 13 |   const sceneRef = useRef(null);
 14 |   const animationIdRef = useRef(null);
 15 | 
 16 |   // Close menu when clicking outside
 17 |   useEffect(() => {
 18 |     const handleClickOutside = (event) => {
 19 |       if (menuRef.current && !menuRef.current.contains(event.target)) {
 20 |         setMenuOpen(false);
 21 |       }
 22 |     };
 23 |     if (menuOpen) {
 24 |       document.addEventListener('mousedown', handleClickOutside);
 25 |       return () => document.removeEventListener('mousedown', handleClickOutside);
 26 |     }
 27 |   }, [menuOpen]);
 28 | 
 29 |   useEffect(() => {
 30 |     localStorage.setItem("theme", darkMode ? "dark" : "light");
 31 |   }, [darkMode]);
 32 | 
 33 |   useEffect(() => {
 34 |     if (!mountRef.current) return;
 35 |     
 36 |     const mount = mountRef.current;
 37 |     const scene = new THREE.Scene();
 38 |     const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
 39 |     const camera = new THREE.PerspectiveCamera(45, mount.clientWidth / mount.clientHeight, 0.1, 100);
 40 |     
 41 |     renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
 42 |     renderer.setSize(mount.clientWidth, mount.clientHeight);
 43 |     camera.position.set(0, 0, 6);
 44 |     mount.appendChild(renderer.domElement);
 45 | 
 46 |     // Lights
 47 |     scene.add(
 48 |       new THREE.DirectionalLight(0xffffff, 1.2).add(light => light.position.set(3, 4, 5)),
 49 |       new THREE.DirectionalLight(0xff66cc, 0.6).add(light => light.position.set(-5, -2, -3)),
 50 |       new THREE.AmbientLight(0xffffff, 0.35)
 51 |     );
 52 | 
 53 |     // Shader uniforms
 54 |     const uniforms = {
 55 |       u_time: { value: 0 },
 56 |       u_intensity: { value: 0.7 },
 57 |       u_hover: { value: 0.0 },
 58 |       u_c1: { value: new THREE.Color("#8b5cf6") },
 59 |       u_c2: { value: new THREE.Color("#ec4899") },
 60 |       u_c3: { value: new THREE.Color("#22d3ee") },
 61 |     };
 62 | 
 63 |     // Simplified shader strings (keeping same visual effect)
 64 |     const vertexShader = `
 65 |       void main() {
 66 |         gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 67 |       }
 68 |     `;
 69 | 
 70 |     const fragmentShader = `
 71 |       void main() {
 72 |         gl_FragColor = vec4(1.0);
 73 |       }
 74 |     `;
 75 | 
 76 |     // Create blob
 77 |     const blob = new THREE.Mesh(
 78 |       new THREE.IcosahedronGeometry(1.6, 80),
 79 |       new THREE.ShaderMaterial({ uniforms, vertexShader, fragmentShader })
 80 |     );
 81 |     scene.add(blob);
 82 | 
 83 |     // Create particles
 84 |     const particleCount = 1500;
 85 |     const positions = new Float32Array(particleCount * 3);
 86 |     const velocities = new Float32Array(particleCount * 3);
 87 |     for (let i = 0; i < particleCount; i++) {
 88 |         const k = i * 3;
 89 |         positions[k] = (Math.random() - 0.5) * 25;
 90 |         positions[k + 1] = (Math.random() - 0.5) * 25;
 91 |         positions[k + 2] = (Math.random() - 0.5) * 25;
 92 |         velocities[k] = (Math.random() - 0.5) * 0.015;
 93 |         velocities[k + 1] = (Math.random() - 0.5) * 0.015;
 94 |         velocities[k + 2] = (Math.random() - 0.5) * 0.015;
 95 |     }
 96 | 
 97 |     const geometry = new THREE.BufferGeometry();
 98 |     geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
 99 | 
100 |     const material = new THREE.PointsMaterial({
101 |         size: 0.03,
102 |         color: darkMode ? 0xffffff : 0x0f172a,
103 |         transparent: true,
104 |         opacity: 0.4,
105 |     });
106 | 
107 |     const particles = new THREE.Points(geometry, material);
108 |     scene.add(particles);
109 | 
110 |     // Floating shapes
111 |     const shapes = [];
112 |     for (let i = 0; i < 10; i++) {
113 |       const geometries = [
114 |         new THREE.TetrahedronGeometry(0.1),
115 |         new THREE.OctahedronGeometry(0.08),
116 |         new THREE.IcosahedronGeometry(0.06)
117 |       ];
118 |       const shape = new THREE.Mesh(
119 |         geometries[i % 3],
120 |         new THREE.MeshBasicMaterial({
121 |           color: new THREE.Color().setHSL(Math.random(), 0.7, 0.6),
122 |           transparent: true,
123 |           opacity: 0.3,
124 |           wireframe: true,
125 |         })
126 |       );
127 |       shape.position.set((Math.random() - 0.5) * 15, (Math.random() - 0.5) * 15, (Math.random() - 0.5) * 15);
128 |       shape.userData = {
129 |         rotSpeed: [(Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02],
130 |         floatSpeed: Math.random() * 0.01 + 0.005,
131 |         offset: Math.random() * Math.PI * 2,
132 |       };
133 |       shapes.push(shape);
134 |       scene.add(shape);
135 |     }
136 | 
137 |     // Event handlers
138 |     let hoverTarget = 0;
139 |     const onEnter = () => (hoverTarget = 1);
140 |     const onLeave = () => (hoverTarget = 0);
141 |     const onResize = () => {
142 |       if (!mount || !renderer || !camera) return;
143 |       renderer.setSize(mount.clientWidth, mount.clientHeight);
144 |       camera.aspect = mount.clientWidth / mount.clientHeight;
145 |       camera.updateProjectionMatrix();
146 |     };
147 |     
148 |     mount.addEventListener("mouseenter", onEnter);
149 |     mount.addEventListener("mouseleave", onLeave);
150 |     window.addEventListener("resize", onResize);
151 | 
152 |     // Animation loop
153 |     const clock = new THREE.Clock();
154 |     const animate = () => {
155 |       if (!renderer || !scene || !camera) return;
156 |       
157 |       const t = clock.getElapsedTime();
158 |       uniforms.u_time.value = t;
159 |       uniforms.u_hover.value += (hoverTarget - uniforms.u_hover.value) * 0.08;
160 | 
161 |       // Animate objects
162 |       blob.rotation.y += 0.003;
163 |       blob.rotation.x = Math.sin(t * 0.5) * 0.1;
164 |       blob.position.y = Math.sin(t * 0.3) * 0.2;
165 |       
166 |       particles.rotation.y -= 0.001;
167 |       
168 |       // Update particle positions
169 |       for (let i = 0; i < particleCount * 3; i += 3) {
170 |         positions[i] += velocities[i];
171 |         positions[i + 1] += velocities[i + 1];
172 |         positions[i + 2] += velocities[i + 2];
173 |         if (Math.abs(positions[i]) > 12) velocities[i] *= -1;
174 |         if (Math.abs(positions[i + 1]) > 12) velocities[i + 1] *= -1;
175 |         if (Math.abs(positions[i + 2]) > 12) velocities[i + 2] *= -1;
176 |       }
177 |       particles.geometry.attributes.position.needsUpdate = true;
178 |       
179 |       // Animate shapes
180 |       shapes.forEach((shape, i) => {
181 |         const { rotSpeed, floatSpeed, offset } = shape.userData;
182 |         shape.rotation.x += rotSpeed[0];
183 |         shape.rotation.y += rotSpeed[1];
184 |         shape.rotation.z += rotSpeed[2];
185 |         shape.position.y += Math.sin(t * floatSpeed + offset) * 0.002;
186 |         shape.material.opacity = 0.2 + Math.sin(t * 2 + i) * 0.1;
187 |       });
188 | 
189 |       camera.position.x = Math.sin(t * 0.1) * 0.1;
190 |       camera.position.y = Math.cos(t * 0.15) * 0.1;
191 |       camera.lookAt(scene.position);
192 | 
193 |       renderer.render(scene, camera);
194 |       animationIdRef.current = requestAnimationFrame(animate);
195 |     };
196 |     animate();
197 | 
198 |     // Cleanup
199 |     return () => {
200 |       if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
201 |       window.removeEventListener("resize", onResize);
202 |       mount.removeEventListener("mouseenter", onEnter);
203 |       mount.removeEventListener("mouseleave", onLeave);
204 |       if (mount.contains(renderer.domElement)) mount.removeChild(renderer.domElement);
205 |       scene.traverse(obj => {
206 |         if (obj.geometry) obj.geometry.dispose();
207 |         if (obj.material) obj.material.dispose();
208 |       });
209 |       renderer.dispose();
210 |     };
211 |   }, [darkMode]);
212 | 
213 |   const ProfileIcon = ({ isOpen }) => (
214 |     <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
215 |       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} 
216 |         d={isOpen ? "M6 18L18 6M6 6l12 12" : "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"} />
217 |     </svg>
218 |   );
219 | 
220 |   const MenuItem = ({ to, icon, children, onClick }) => (
221 |     <Link
222 |       to={to}
223 |       className="flex items-center px-6 py-3 text-slate-700 dark:text-slate-200 hover:bg-gradient-to-r hover:from-purple-500/10 hover:to-pink-500/10 transition-all duration-200 group"
224 |       onClick={onClick}
225 |     >
226 |       <div className="w-5 h-5 mr-3 group-hover:scale-110 transition-transform duration-200">
227 |         {icon}
228 |       </div>
229 |       <span className="font-medium">{children}</span>
230 |     </Link>
231 |   );
232 | 
233 |   const MenuButton = ({ icon, children, onClick }) => (
234 |     <button 
235 |       onClick={onClick}
236 |       className="flex items-center w-full px-6 py-3 text-slate-700 dark:text-slate-200 hover:bg-gradient-to-r hover:from-purple-500/10 hover:to-pink-500/10 transition-all duration-200 group"
237 |     >
238 |       <div className="w-5 h-5 mr-3 group-hover:scale-110 transition-transform duration-200">
239 |         {icon}
240 |       </div>
241 |       <span className="font-medium">{children}</span>
242 |     </button>
243 |   );
244 | 
245 |   return (
246 |     <div className={darkMode ? "dark" : ""}>
247 |       <div className={`relative min-h-screen overflow-hidden ${
248 |         darkMode ? "bg-gradient-to-br from-[#0f172a] via-[#111827] to-[#1f2937]" 
249 |                  : "bg-gradient-to-br from-[#eef2ff] via-white to-[#cffafe]"
250 |       }`}>
251 |         
252 |         {/* Background Elements */}
253 |         <div className="absolute inset-0 opacity-30">
254 |             <div className={`absolute inset-0 ${darkMode 
255 |                 ? "bg-gradient-to-r from-purple-800/20 via-pink-800/20 to-cyan-800/20"
256 |                 : "bg-gradient-to-r from-purple-200/30 via-pink-200/30 to-cyan-200/30"
257 |             } animate-pulse`} />
258 |         </div>
259 | 
260 |         <div className="absolute inset-0 -z-5">
261 |             {[...Array(8)].map((_, i) => (
262 |                 <div key={i} className={`absolute rounded-full opacity-10 ${darkMode ? "bg-white" : "bg-slate-900"}`}
263 |                     style={{
264 |                         width: `${20 + i * 10}px`,
265 |                         height: `${20 + i * 10}px`,
266 |                         left: `${Math.random() * 100}%`,
267 |                         top: `${Math.random() * 100}%`,
268 |                         animation: `float-${i % 3} ${8 + i * 2}s ease-in-out infinite`
269 |                     }} />
270 |             ))}
271 |             {[...Array(5)].map((_, i) => (
272 |                 <div key={`orb-${i}`} className="absolute rounded-full blur-xl opacity-20"
273 |                     style={{
274 |                         width: `${100 + i * 50}px`,
275 |                         height: `${100 + i * 50}px`,
276 |                         background: `radial-gradient(circle, ${['#8b5cf6','#ec4899','#22d3ee','#f59e0b','#10b981'][i]} 0%, transparent 70%)`,
277 |                         left: `${20 + i * 15}%`,
278 |                         top: `${10 + i * 20}%`,
279 |                         animation: `drift-${i % 2} ${15 + i * 3}s ease-in-out infinite`
280 |                     }} />
281 |             ))}
282 |         </div>
283 | 
284 |         <div ref={mountRef} className="absolute inset-0 -z-10 select-none" />
285 | 
286 |         <style jsx>{`
287 |             @keyframes float-0 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-10px, -10px); } }
288 |             @keyframes float-1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 10px); } }
289 |             @keyframes float-2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-5px, 5px); } }
290 |             @keyframes drift-0 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(20px, -20px); } }
291 |             @keyframes drift-1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-20px, 20px); } }
292 |             .animate-pulse { animation: pulse 2s ease-in-out infinite; }
293 |             @keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
294 |         `}</style>
295 | 
296 |         {/* Profile Menu */}
297 |         <div className="absolute top-5 right-6 z-50">
298 |           <div className="relative" ref={menuRef}>
299 |             <button
300 |               onClick={() => setMenuOpen(prev => !prev)}
301 |               className={`w-12 h-12 rounded-full backdrop-blur-xl flex items-center justify-center shadow-lg transition-all duration-300 transform hover:scale-110 active:scale-95 ${
302 |                 menuOpen ? "bg-gradient-to-r from-purple-500/80 to-pink-500/80 rotate-180 shadow-2xl"
303 |                          : darkMode 
304 |                            ? "bg-white/20 hover:bg-white/30" 
305 |                            : "bg-slate-800/70 hover:bg-slate-700/80"
306 |               }`}
307 |             >
308 |               <div className={`transition-all duration-300 ${menuOpen ? "rotate-45" : ""}`}>
309 |                 <ProfileIcon isOpen={menuOpen} />
310 |               </div>
311 |             </button>
312 | 
313 |             <div className={`absolute right-0 mt-3 w-64 transform transition-all duration-300 ease-out origin-top-right ${
314 |               menuOpen ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 -translate-y-2 pointer-events-none"
315 |             }`}>
316 |               <div className="rounded-2xl overflow-hidden shadow-2xl border border-white/20 bg-white/90 dark:bg-slate-900/90 backdrop-blur-xl">
317 |                 <div className="px-6 py-4 bg-gradient-to-r from-purple-500/20 to-pink-500/20 border-b border-white/10">
318 |                   <h3 className={`text-lg font-semibold ${darkMode ? 'text-white' : 'text-slate-800'}`}>Account</h3>
319 |                   <p className={`text-sm ${darkMode ? 'text-slate-300' : 'text-slate-600'}`}>Manage your profile</p>
320 |                 </div>
321 |                 <div className="py-2">
322 |                   <MenuItem to="/login" onClick={() => setMenuOpen(false)}
323 |                     icon={<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" /></svg>}>
324 |                     Login
325 |                   </MenuItem>
326 |                   <MenuItem to="/signup" onClick={() => setMenuOpen(false)}
327 |                     icon={<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" /></svg>}>
328 |                     Sign Up
329 |                   </MenuItem>
330 |                   <div className="border-t border-white/10 mt-2 pt-2">
331 |                     <MenuButton onClick={() => setMenuOpen(false)}
332 |                       icon={<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>}>
333 |                       Settings
334 |                     </MenuButton>
335 |                   </div>
336 |                 </div>
337 |               </div>
338 |             </div>
339 |           </div>
340 |         </div>
341 | 
342 |         {/* Hero Section */}
343 |         <section className="relative z-10 flex flex-col items-center justify-center text-center min-h-[75vh] px-6 transform-gpu">
344 |           <div className="animate-fade-in-up max-w-4xl">
345 |             <h1 className={`text-6xl md:text-7xl lg:text-8xl font-extrabold tracking-tight drop-shadow-[0_6px_25px_rgba(236,72,153,0.35)] animate-pulse-glow mb-6 ${
346 |               darkMode ? 'text-white' : 'text-slate-800'
347 |             }`}>
348 |               EventSphere
349 |             </h1>
350 |             <p className={`mt-6 max-w-3xl text-xl md:text-2xl animate-fade-in-up leading-relaxed ${
351 |               darkMode ? 'text-white/95' : 'text-slate-700'
352 |             }`}>
353 |               Manage, discover, and participate in events seamlessly. Built for{" "}
354 |               <span className="font-bold bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent animate-gradient">Admins</span>,{" "}
355 |               <span className="font-bold bg-gradient-to-r from-pink-400 to-cyan-400 bg-clip-text text-transparent animate-gradient">Faculty</span>, and{" "}
356 |               <span className="font-bold bg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent animate-gradient">Students</span>.
357 |             </p>
358 |             <div className="mt-12 animate-fade-in-up">
359 |               <Link to="/dashboard"
360 |                 className={`group relative inline-flex items-center gap-3 px-10 py-5 rounded-3xl font-bold text-lg shadow-2xl border-2 hover:scale-105 hover:shadow-[0_20px_40px_rgba(236,72,153,0.3)] transition-all duration-500 backdrop-blur-xl ${
361 |                   darkMode 
362 |                     ? 'border-white/30 bg-gradient-to-r from-white/30 to-white/20 text-white hover:border-white/50' 
363 |                     : 'border-slate-700/30 bg-gradient-to-r from-slate-800/80 to-slate-700/80 text-white hover:border-slate-600/50'
364 |                 }`}>
365 |                 <span className="group-hover:translate-x-1 transition-transform duration-300">Go to Dashboard</span>
366 |                 <div className="text-2xl group-hover:rotate-12 group-hover:scale-110 transition-all duration-300">🚀</div>
367 |                 <div className="absolute inset-0 rounded-3xl bg-gradient-to-r from-purple-600/30 via-pink-600/30 to-cyan-600/30 opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" />
368 |               </Link>
369 |             </div>
370 |             <div className="mt-8 animate-fade-in-up">
371 |               <p className={`text-sm font-medium animate-bounce-subtle ${
372 |                 darkMode ? 'text-white/70' : 'text-slate-600'
373 |               }`}>Click the profile icon above to get started</p>
374 |             </div>
375 |           </div>
376 |         </section>
377 | 
378 |         {/* Features */}
379 |         <section className="relative z-10 max-w-6xl mx-auto grid gap-6 md:grid-cols-3 px-6 pb-16">
380 |           {[
381 |             { t: "Fast & Intuitive", d: "Simple flows to create and manage events in minutes.", e: "🚀" },
382 |             { t: "Smart Scheduling", d: "Powerful tools to organize, publish, and track events.", e: "📅" },
383 |             { t: "For Everyone", d: "Role-aware experience for admins, faculty, and students.", e: "🎓" },
384 |           ].map((f, index) => (
385 |             <div key={f.t} className={`p-6 rounded-2xl border shadow-lg hover:translate-y-[-8px] hover:shadow-2xl transition-all duration-500 hover:scale-105 animate-slide-up group relative backdrop-blur-md ${
386 |               darkMode 
387 |                 ? 'border-white/20 bg-white/40 text-white' 
388 |                 : 'border-slate-300/30 bg-white/70 text-slate-800'
389 |             }`}
390 |               >
391 |               <div className="text-3xl mb-3 transform group-hover:scale-110 group-hover:rotate-12 transition-transform duration-300">{f.e}</div>
392 |               <h3 className={`text-xl font-semibold mb-2 transition-colors duration-300 ${
393 |                 darkMode ? 'group-hover:text-cyan-300' : 'group-hover:text-purple-600'
394 |               }`}>{f.t}</h3>
395 |               <p className={`transition-colors duration-300 ${
396 |                 darkMode ? 'text-white/90 group-hover:text-white' : 'text-slate-700 group-hover:text-slate-800'
397 |               }`}>{f.d}</p>
398 |               <div className="absolute inset-0 rounded-2xl bg-gradient-to-r from-purple-500/50 via-pink-500/50 to-cyan-500/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 -z-10 blur-sm" />
399 |             </div>
400 |           ))}
401 |           <style jsx>{`
402 |             @keyframes slide-up { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } }
403 |             .animate-slide-up { animation: slide-up 0.8s ease-out forwards; opacity: 0; }
404 |           `}</style>
405 |         </section>
406 | 
407 |         <footer className={`relative z-10 text-center pb-8 ${
408 |           darkMode ? 'text-white/70' : 'text-slate-600'
409 |         }`}>
410 |           © {new Date().getFullYear()} EventSphere. All rights reserved.
411 |         </footer>
412 |       </div>
413 |     </div>
414 |   );
415 | }
416 | 


--------------------------------------------------------------------------------
/client/src/pages/Dashboard.jsx:
--------------------------------------------------------------------------------
  1 | import { useContext, useState, useEffect, useRef } from "react";
  2 | import { AuthContext } from "../contexts/AuthContext";
  3 | import { useNavigate, Link } from "react-router-dom";
  4 | import EventManager from "../components/EventManager";
  5 | import * as THREE from "three";
  6 | 
  7 | export default function Dashboard() {
  8 |   const { user, logout } = useContext(AuthContext);
  9 |   const navigate = useNavigate();
 10 |   const [darkMode, setDarkMode] = useState(() => {
 11 |     const saved = localStorage.getItem("theme");
 12 |     return saved ? saved === "dark" : true;
 13 |   });
 14 |   const [activeTab, setActiveTab] = useState("overview");
 15 |   const [sidebarOpen, setSidebarOpen] = useState(true);
 16 |   const [notifications, setNotifications] = useState([
 17 |     { id: 1, type: "event", message: "New event registration deadline approaching", time: "2 hours ago" },
 18 |     { id: 2, type: "update", message: "Event 'Tech Conference 2025' has been updated", time: "1 day ago" },
 19 |     { id: 3, type: "reminder", message: "Don't forget to check your upcoming events", time: "3 days ago" }
 20 |   ]);
 21 |   const mountRef = useRef(null);
 22 |   const animationIdRef = useRef(null);
 23 | 
 24 |   const handleLogout = () => {
 25 |     logout();
 26 |     navigate("/login");
 27 |   };
 28 | 
 29 |   // Save theme preference
 30 |   useEffect(() => {
 31 |     localStorage.setItem("theme", darkMode ? "dark" : "light");
 32 |   }, [darkMode]);
 33 | 
 34 |   // 3D Background Animation
 35 |   useEffect(() => {
 36 |     if (!mountRef.current) return;
 37 |     
 38 |     const mount = mountRef.current;
 39 |     const scene = new THREE.Scene();
 40 |     const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
 41 |     const camera = new THREE.PerspectiveCamera(45, mount.clientWidth / mount.clientHeight, 0.1, 100);
 42 |     
 43 |     renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
 44 |     renderer.setSize(mount.clientWidth, mount.clientHeight);
 45 |     camera.position.set(0, 0, 15);
 46 |     mount.appendChild(renderer.domElement);
 47 | 
 48 |     // Lights
 49 |     scene.add(
 50 |       new THREE.DirectionalLight(0xffffff, 0.8).add(light => light.position.set(5, 5, 5)),
 51 |       new THREE.DirectionalLight(0x8b5cf6, 0.4).add(light => light.position.set(-3, -2, -4)),
 52 |       new THREE.AmbientLight(0xffffff, 0.3)
 53 |     );
 54 | 
 55 |     // Create floating dashboard elements
 56 |     const dashboardElements = [];
 57 |     for (let i = 0; i < 20; i++) {
 58 |       const geometries = [
 59 |         new THREE.BoxGeometry(0.5, 0.5, 0.5),
 60 |         new THREE.CylinderGeometry(0.3, 0.3, 0.6),
 61 |         new THREE.SphereGeometry(0.25),
 62 |         new THREE.TetrahedronGeometry(0.4)
 63 |       ];
 64 |       
 65 |       const element = new THREE.Mesh(
 66 |         geometries[i % 4],
 67 |         new THREE.MeshPhongMaterial({
 68 |           color: new THREE.Color().setHSL((i * 0.05) % 1, 0.6, 0.7),
 69 |           transparent: true,
 70 |           opacity: 0.2,
 71 |           wireframe: i % 3 === 0,
 72 |         })
 73 |       );
 74 |       
 75 |       element.position.set(
 76 |         (Math.random() - 0.5) * 30,
 77 |         (Math.random() - 0.5) * 20,
 78 |         (Math.random() - 0.5) * 20
 79 |       );
 80 |       
 81 |       element.userData = {
 82 |         rotSpeed: [(Math.random() - 0.5) * 0.01, (Math.random() - 0.5) * 0.01, (Math.random() - 0.5) * 0.01],
 83 |         floatSpeed: Math.random() * 0.005 + 0.002,
 84 |         offset: Math.random() * Math.PI * 2,
 85 |       };
 86 |       
 87 |       dashboardElements.push(element);
 88 |       scene.add(element);
 89 |     }
 90 | 
 91 |     // Particles
 92 |     const particleCount = 500;
 93 |     const positions = new Float32Array(particleCount * 3);
 94 |     const velocities = new Float32Array(particleCount * 3);
 95 |     
 96 |     for (let i = 0; i < particleCount * 3; i += 3) {
 97 |       positions[i] = (Math.random() - 0.5) * 40;
 98 |       positions[i + 1] = (Math.random() - 0.5) * 25;
 99 |       positions[i + 2] = (Math.random() - 0.5) * 25;
100 |       velocities[i] = (Math.random() - 0.5) * 0.008;
101 |       velocities[i + 1] = (Math.random() - 0.5) * 0.008;
102 |       velocities[i + 2] = (Math.random() - 0.5) * 0.008;
103 |     }
104 |     
105 |     const particles = new THREE.Points(
106 |       new THREE.BufferGeometry().setAttribute('position', new THREE.BufferAttribute(positions, 3)),
107 |       new THREE.PointsMaterial({
108 |         size: 0.02,
109 |         color: darkMode ? 0xffffff : 0x1e293b,
110 |         transparent: true,
111 |         opacity: 0.4,
112 |       })
113 |     );
114 |     scene.add(particles);
115 | 
116 |     const onResize = () => {
117 |       if (!mount || !renderer || !camera) return;
118 |       renderer.setSize(mount.clientWidth, mount.clientHeight);
119 |       camera.aspect = mount.clientWidth / mount.clientHeight;
120 |       camera.updateProjectionMatrix();
121 |     };
122 |     
123 |     window.addEventListener("resize", onResize);
124 | 
125 |     // Animation loop
126 |     const clock = new THREE.Clock();
127 |     const animate = () => {
128 |       if (!renderer || !scene || !camera) return;
129 |       
130 |       const t = clock.getElapsedTime();
131 |       
132 |       // Animate dashboard elements
133 |       dashboardElements.forEach((element, i) => {
134 |         const { rotSpeed, floatSpeed, offset } = element.userData;
135 |         element.rotation.x += rotSpeed[0];
136 |         element.rotation.y += rotSpeed[1];
137 |         element.rotation.z += rotSpeed[2];
138 |         element.position.y += Math.sin(t * floatSpeed + offset) * 0.002;
139 |         element.material.opacity = 0.15 + Math.sin(t * 2 + i) * 0.1;
140 |       });
141 | 
142 |       // Animate particles
143 |       particles.rotation.y += 0.0005;
144 |       for (let i = 0; i < particleCount * 3; i += 3) {
145 |         positions[i] += velocities[i];
146 |         positions[i + 1] += velocities[i + 1];
147 |         positions[i + 2] += velocities[i + 2];
148 |         if (Math.abs(positions[i]) > 20) velocities[i] *= -1;
149 |         if (Math.abs(positions[i + 1]) > 12) velocities[i + 1] *= -1;
150 |         if (Math.abs(positions[i + 2]) > 12) velocities[i + 2] *= -1;
151 |       }
152 |       particles.geometry.attributes.position.needsUpdate = true;
153 | 
154 |       camera.position.x = Math.sin(t * 0.05) * 2;
155 |       camera.position.y = Math.cos(t * 0.08) * 1;
156 |       camera.lookAt(scene.position);
157 | 
158 |       renderer.render(scene, camera);
159 |       animationIdRef.current = requestAnimationFrame(animate);
160 |     };
161 |     animate();
162 | 
163 |     // Cleanup
164 |     return () => {
165 |       if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
166 |       window.removeEventListener("resize", onResize);
167 |       if (mount.contains(renderer.domElement)) mount.removeChild(renderer.domElement);
168 |       scene.traverse(obj => {
169 |         if (obj.geometry) obj.geometry.dispose();
170 |         if (obj.material) obj.material.dispose();
171 |       });
172 |       renderer.dispose();
173 |     };
174 |   }, [darkMode]);
175 | 
176 |   const getRoleIcon = (role) => {
177 |     switch(role) {
178 |       case 'admin': return '👑';
179 |       case 'faculty': return '👨‍🏫';
180 |       case 'student': return '🎓';
181 |       default: return '👤';
182 |     }
183 |   };
184 | 
185 |   const getRoleColor = (role) => {
186 |     switch(role) {
187 |       case 'admin': return 'from-red-500 to-pink-500';
188 |       case 'faculty': return 'from-blue-500 to-indigo-500';
189 |       case 'student': return 'from-green-500 to-emerald-500';
190 |       default: return 'from-gray-500 to-slate-500';
191 |     }
192 |   };
193 | 
194 |   const TabButton = ({ id, icon, label, isActive, onClick }) => (
195 |     <button
196 |       onClick={() => onClick(id)}
197 |       className={`flex items-center gap-3 px-6 py-3 rounded-xl transition-all duration-300 font-medium ${
198 |         isActive 
199 |           ? darkMode 
200 |             ? "bg-gradient-to-r from-purple-500/30 to-pink-500/30 text-white border-2 border-purple-400/50" 
201 |             : "bg-gradient-to-r from-purple-100 to-pink-100 text-purple-700 border-2 border-purple-300"
202 |           : darkMode 
203 |             ? "hover:bg-white/10 text-white/70 hover:text-white" 
204 |             : "hover:bg-slate-100 text-slate-600 hover:text-slate-800"
205 |       }`}
206 |     >
207 |       <span className="text-xl">{icon}</span>
208 |       <span className={sidebarOpen ? "block" : "hidden lg:block"}>{label}</span>
209 |     </button>
210 |   );
211 | 
212 |   const StatCard = ({ icon, title, value, change, color }) => (
213 |     <div className={`p-6 rounded-2xl border backdrop-blur-xl transition-all duration-300 hover:scale-105 hover:shadow-xl ${
214 |       darkMode 
215 |         ? "bg-white/10 border-white/20 shadow-black/20" 
216 |         : "bg-white/80 border-slate-200/50 shadow-slate-900/10"
217 |     }`}>
218 |       <div className="flex items-center justify-between mb-4">
219 |         <div className={`w-12 h-12 rounded-xl bg-gradient-to-r ${color} flex items-center justify-center text-white text-xl`}>
220 |           {icon}
221 |         </div>
222 |         {change && (
223 |           <span className={`text-sm font-medium px-2 py-1 rounded-full ${
224 |             change.startsWith('+') ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'
225 |           }`}>
226 |             {change}
227 |           </span>
228 |         )}
229 |       </div>
230 |       <h3 className={`text-sm font-medium mb-1 ${darkMode ? 'text-white/70' : 'text-slate-600'}`}>{title}</h3>
231 |       <p className={`text-2xl font-bold ${darkMode ? 'text-white' : 'text-slate-800'}`}>{value}</p>
232 |     </div>
233 |   );
234 | 
235 |   const NotificationItem = ({ notification, onDismiss }) => {
236 |     const getNotificationIcon = (type) => {
237 |       switch(type) {
238 |         case 'event': return '📅';
239 |         case 'update': return '🔄';
240 |         case 'reminder': return '⏰';
241 |         default: return '📢';
242 |       }
243 |     };
244 | 
245 |     return (
246 |       <div className={`p-4 rounded-xl border transition-all duration-300 hover:scale-[1.02] ${
247 |         darkMode 
248 |           ? "bg-white/5 border-white/10 hover:bg-white/10" 
249 |           : "bg-white/70 border-slate-200/50 hover:bg-white"
250 |       }`}>
251 |         <div className="flex items-start gap-3">
252 |           <span className="text-xl">{getNotificationIcon(notification.type)}</span>
253 |           <div className="flex-1">
254 |             <p className={`text-sm ${darkMode ? 'text-white/90' : 'text-slate-700'}`}>{notification.message}</p>
255 |             <p className={`text-xs mt-1 ${darkMode ? 'text-white/50' : 'text-slate-500'}`}>{notification.time}</p>
256 |           </div>
257 |           <button
258 |             onClick={() => onDismiss(notification.id)}
259 |             className={`text-xl hover:scale-110 transition-transform duration-200 ${
260 |               darkMode ? 'text-white/40 hover:text-white/70' : 'text-slate-400 hover:text-slate-600'
261 |             }`}
262 |           >
263 |             ×
264 |           </button>
265 |         </div>
266 |       </div>
267 |     );
268 |   };
269 | 
270 |   return (
271 |     <div className={darkMode ? "dark" : ""}>
272 |       <div className={`min-h-screen relative overflow-hidden ${
273 |         darkMode ? "bg-gradient-to-br from-[#0f172a] via-[#111827] to-[#1f2937]" 
274 |                  : "bg-gradient-to-br from-[#eef2ff] via-white to-[#cffafe]"
275 |       }`}>
276 |         
277 |         {/* 3D Background */}
278 |         <div ref={mountRef} className="fixed inset-0 -z-10 opacity-30" />
279 |         
280 |         {/* Background Elements */}
281 |         <div className="fixed inset-0 opacity-10">
282 |           <div className={`absolute inset-0 ${darkMode 
283 |             ? "bg-gradient-to-r from-purple-800/20 via-pink-800/20 to-cyan-800/20"
284 |             : "bg-gradient-to-r from-purple-200/30 via-pink-200/30 to-cyan-200/30"
285 |           } animate-pulse`} />
286 |         </div>
287 | 
288 |         {/* Top Header */}
289 |         <header className={`sticky top-0 z-50 backdrop-blur-xl border-b transition-all duration-300 ${
290 |           darkMode 
291 |             ? "bg-slate-900/80 border-white/10" 
292 |             : "bg-white/80 border-slate-200/50"
293 |         }`}>
294 |           <div className="flex items-center justify-between px-6 py-4">
295 |             {/* Logo and Title */}
296 |             <div className="flex items-center gap-4">
297 |               <button
298 |                 onClick={() => setSidebarOpen(!sidebarOpen)}
299 |                 className={`lg:hidden p-2 rounded-xl transition-all duration-300 ${
300 |                   darkMode ? "hover:bg-white/10 text-white" : "hover:bg-slate-100 text-slate-600"
301 |                 }`}
302 |               >
303 |                 <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
304 |                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
305 |                 </svg>
306 |               </button>
307 |               <Link to="/" className="flex items-center gap-3">
308 |                 <h1 className="text-2xl font-bold bg-gradient-to-r from-purple-400 via-pink-400 to-cyan-400 bg-clip-text text-transparent">
309 |                   EventSphere
310 |                 </h1>
311 |               </Link>
312 |             </div>
313 | 
314 |             {/* User Info and Actions */}
315 |             <div className="flex items-center gap-4">
316 |               {/* Theme Toggle */}
317 |               <button
318 |                 onClick={() => setDarkMode(!darkMode)}
319 |                 className={`p-2 rounded-xl transition-all duration-300 hover:scale-110 ${
320 |                   darkMode ? "hover:bg-white/10 text-white" : "hover:bg-slate-100 text-slate-600"
321 |                 }`}
322 |               >
323 |                 {darkMode ? (
324 |                   <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
325 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
326 |                   </svg>
327 |                 ) : (
328 |                   <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
329 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
330 |                   </svg>
331 |                 )}
332 |               </button>
333 | 
334 |               {/* Notifications */}
335 |               <div className="relative">
336 |                 <button className={`p-2 rounded-xl transition-all duration-300 hover:scale-110 relative ${
337 |                   darkMode ? "hover:bg-white/10 text-white" : "hover:bg-slate-100 text-slate-600"
338 |                 }`}>
339 |                   <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
340 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
341 |                   </svg>
342 |                   {notifications.length > 0 && (
343 |                     <span className="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full text-xs flex items-center justify-center text-white">
344 |                       {notifications.length}
345 |                     </span>
346 |                   )}
347 |                 </button>
348 |               </div>
349 | 
350 |               {/* User Profile */}
351 |               <div className="flex items-center gap-3">
352 |                 <div className={`flex items-center gap-2 px-3 py-2 rounded-xl ${
353 |                   darkMode ? "bg-white/10" : "bg-slate-100"
354 |                 }`}>
355 |                   <span className="text-xl">{getRoleIcon(user?.role)}</span>
356 |                   <div className="hidden sm:block">
357 |                     <p className={`text-sm font-medium ${darkMode ? 'text-white' : 'text-slate-800'}`}>
358 |                       {user?.name}
359 |                     </p>
360 |                     <p className={`text-xs capitalize ${darkMode ? 'text-white/60' : 'text-slate-500'}`}>
361 |                       {user?.role}
362 |                     </p>
363 |                   </div>
364 |                 </div>
365 | 
366 |                 <button
367 |                   onClick={handleLogout}
368 |                   className="px-4 py-2 bg-gradient-to-r from-red-500 to-pink-500 text-white rounded-xl font-medium hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl"
369 |                 >
370 |                   Logout
371 |                 </button>
372 |               </div>
373 |             </div>
374 |           </div>
375 |         </header>
376 | 
377 |         <div className="flex">
378 |           {/* Sidebar */}
379 |           <aside className={`${sidebarOpen ? 'w-64' : 'w-20'} lg:w-64 transition-all duration-300 ${
380 |             darkMode 
381 |               ? "bg-slate-900/50 border-white/10" 
382 |               : "bg-white/50 border-slate-200/50"
383 |           } backdrop-blur-xl border-r min-h-screen sticky top-16 z-40`}>
384 |             <nav className="p-6 space-y-2">
385 |               <TabButton
386 |                 id="overview"
387 |                 icon="📊"
388 |                 label="Overview"
389 |                 isActive={activeTab === "overview"}
390 |                 onClick={setActiveTab}
391 |               />
392 |               <TabButton
393 |                 id="events"
394 |                 icon="📅"
395 |                 label="Events"
396 |                 isActive={activeTab === "events"}
397 |                 onClick={setActiveTab}
398 |               />
399 |               <TabButton
400 |                 id="analytics"
401 |                 icon="📈"
402 |                 label="Analytics"
403 |                 isActive={activeTab === "analytics"}
404 |                 onClick={setActiveTab}
405 |               />
406 |               <TabButton
407 |                 id="settings"
408 |                 icon="⚙️"
409 |                 label="Settings"
410 |                 isActive={activeTab === "settings"}
411 |                 onClick={setActiveTab}
412 |               />
413 |             </nav>
414 |           </aside>
415 | 
416 |           {/* Main Content */}
417 |           <main className="flex-1 p-6">
418 |             {/* Welcome Section */}
419 |             <div className="mb-8">
420 |               <h1 className={`text-3xl font-bold mb-2 ${darkMode ? 'text-white' : 'text-slate-800'}`}>
421 |                 Welcome back, {user?.name}! 👋
422 |               </h1>
423 |               <p className={`${darkMode ? 'text-white/70' : 'text-slate-600'}`}>
424 |                 Here's what's happening with your events today.
425 |               </p>
426 |             </div>
427 | 
428 |             {/* Role Badge */}
429 |             <div className={`inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r ${getRoleColor(user?.role)} text-white font-medium mb-6 shadow-lg`}>
430 |               <span className="text-lg">{getRoleIcon(user?.role)}</span>
431 |               <span className="capitalize">{user?.role} Dashboard</span>
432 |             </div>
433 | 
434 |             {/* Tab Content */}
435 |             {activeTab === "overview" && (
436 |               <div className="space-y-6">
437 |                 {/* Stats Grid */}
438 |                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
439 |                   <StatCard
440 |                     icon="📅"
441 |                     title="Total Events"
442 |                     value="24"
443 |                     change="+12%"
444 |                     color="from-blue-500 to-blue-600"
445 |                   />
446 |                   <StatCard
447 |                     icon="👥"
448 |                     title="Participants"
449 |                     value="1,248"
450 |                     change="+8%"
451 |                     color="from-green-500 to-green-600"
452 |                   />
453 |                   <StatCard
454 |                     icon="⭐"
455 |                     title="Rating"
456 |                     value="4.8"
457 |                     change="+0.2"
458 |                     color="from-yellow-500 to-orange-500"
459 |                   />
460 |                   <StatCard
461 |                     icon="🎯"
462 |                     title="Completion"
463 |                     value="92%"
464 |                     change="+5%"
465 |                     color="from-purple-500 to-pink-500"
466 |                   />
467 |                 </div>
468 | 
469 |                 {/* Recent Activity */}
470 |                 <div className={`p-6 rounded-2xl border backdrop-blur-xl ${
471 |                   darkMode 
472 |                     ? "bg-white/10 border-white/20" 
473 |                     : "bg-white/80 border-slate-200/50"
474 |                 }`}>
475 |                   <h3 className={`text-xl font-semibold mb-4 ${darkMode ? 'text-white' : 'text-slate-800'}`}>
476 |                     📢 Recent Notifications
477 |                   </h3>
478 |                   <div className="space-y-3">
479 |                     {notifications.map(notification => (
480 |                       <NotificationItem
481 |                         key={notification.id}
482 |                         notification={notification}
483 |                         onDismiss={(id) => setNotifications(prev => prev.filter(n => n.id !== id))}
484 |                       />
485 |                     ))}
486 |                     {notifications.length === 0 && (
487 |                       <p className={`text-center py-8 ${darkMode ? 'text-white/60' : 'text-slate-500'}`}>
488 |                         No new notifications 🎉
489 |                       </p>
490 |                     )}
491 |                   </div>
492 |                 </div>
493 |               </div>
494 |             )}
495 | 
496 |             {activeTab === "events" && (
497 |               <div className={`p-6 rounded-2xl border backdrop-blur-xl ${
498 |                 darkMode 
499 |                   ? "bg-white/10 border-white/20" 
500 |                   : "bg-white/80 border-slate-200/50"
501 |               }`}>
502 |                 <h3 className={`text-xl font-semibold mb-6 ${darkMode ? 'text-white' : 'text-slate-800'}`}>
503 |                   📌 Event Management
504 |                 </h3>
505 |                 <EventManager />
506 |               </div>
507 |             )}
508 | 
509 |             {activeTab === "analytics" && (
510 |               <div className={`p-6 rounded-2xl border backdrop-blur-xl ${
511 |                 darkMode 
512 |                   ? "bg-white/10 border-white/20" 
513 |                   : "bg-white/80 border-slate-200/50"
514 |               }`}>
515 |                 <h3 className={`text-xl font-semibold mb-6 ${darkMode ? 'text-white' : 'text-slate-800'}`}>
516 |                   📈 Analytics & Insights
517 |                 </h3>
518 |                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
519 |                   <div className={`p-4 rounded-xl border ${
520 |                     darkMode ? "bg-white/5 border-white/10" : "bg-white/50 border-slate-200/30"
521 |                   }`}>
522 |                     <h4 className={`font-medium mb-2 ${darkMode ? 'text-white' : 'text-slate-800'}`}>Event Trends</h4>
523 |                     <p className={`text-sm ${darkMode ? 'text-white/70' : 'text-slate-600'}`}>
524 |                       Your events have seen a 15% increase in participation this month.
525 |                     </p>
526 |                   </div>
527 |                   <div className={`p-4 rounded-xl border ${
528 |                     darkMode ? "bg-white/5 border-white/10" : "bg-white/50 border-slate-200/30"
529 |                   }`}>
530 |                     <h4 className={`font-medium mb-2 ${darkMode ? 'text-white' : 'text-slate-800'}`}>Popular Categories</h4>
531 |                     <p className={`text-sm ${darkMode ? 'text-white/70' : 'text-slate-600'}`}>
532 |                       Technology and Education events are performing best.
533 |                     </p>
534 |                   </div>
535 |                 </div>
536 |               </div>
537 |             )}
538 | 
539 |             {activeTab === "settings" && (
540 |               <div className={`p-6 rounded-2xl border backdrop-blur-xl ${
541 |                 darkMode 
542 |                   ? "bg-white/10 border-white/20" 
543 |                   : "bg-white/80 border-slate-200/50"
544 |               }`}>
545 |                 <h3 className={`text-xl font-semibold mb-6 ${darkMode ? 'text-white' : 'text-slate-800'}`}>
546 |                   ⚙️ Settings & Preferences
547 |                 </h3>
548 |                 <div className="space-y-4">
549 |                   <div className="flex items-center justify-between">
550 |                     <span className={`${darkMode ? 'text-white' : 'text-slate-800'}`}>Dark Mode</span>
551 |                     <button
552 |                       onClick={() => setDarkMode(!darkMode)}
553 |                       className={`w-12 h-6 rounded-full transition-all duration-300 ${
554 |                         darkMode ? 'bg-purple-500' : 'bg-slate-300'
555 |                       } relative`}
556 |                     >
557 |                       <div className={`w-5 h-5 bg-white rounded-full transition-transform duration-300 absolute top-0.5 ${
558 |                         darkMode ? 'translate-x-6' : 'translate-x-0.5'
559 |                       }`} />
560 |                     </button>
561 |                   </div>
562 |                   <div className="flex items-center justify-between">
563 |                     <span className={`${darkMode ? 'text-white' : 'text-slate-800'}`}>Email Notifications</span>
564 |                     <button className="w-12 h-6 bg-purple-500 rounded-full relative">
565 |                       <div className="w-5 h-5 bg-white rounded-full transition-transform duration-300 absolute top-0.5 translate-x-6" />
566 |                     </button>
567 |                   </div>
568 |                 </div>
569 |               </div>
570 |             )}
571 |           </main>
572 |         </div>
573 | 
574 |         <style jsx>{`
575 |           @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
576 |           .animate-fadeIn { animation: fadeIn 0.6s ease-out forwards; }
577 |         `}</style>
578 |       </div>
579 |     </div>
580 |   );
581 | }
582 | 


--------------------------------------------------------------------------------
/client/src/pages/SignupForm.jsx:
--------------------------------------------------------------------------------
  1 | import { useState, useEffect, useRef } from 'react';
  2 | import { registerUser } from '../services/authService';
  3 | import { Link, useNavigate } from 'react-router-dom';
  4 | import * as THREE from "three";
  5 | 
  6 | export default function SignupForm() {
  7 |   const [form, setForm] = useState({ name: '', email: '', password: '', role: 'student' });
  8 |   const [msg, setMsg] = useState('');
  9 |   const [isLoading, setIsLoading] = useState(false);
 10 |   const [showPassword, setShowPassword] = useState(false);
 11 |   const [passwordStrength, setPasswordStrength] = useState(0);
 12 |   const [darkMode, setDarkMode] = useState(() => {
 13 |     const saved = localStorage.getItem("theme");
 14 |     return saved ? saved === "dark" : true;
 15 |   });
 16 |   const navigate = useNavigate();
 17 |   const mountRef = useRef(null);
 18 |   const sceneRef = useRef(null);
 19 |   const animationIdRef = useRef(null);
 20 | 
 21 |   const handleChange = (e) => {
 22 |     setForm({ ...form, [e.target.name]: e.target.value });
 23 |     
 24 |     // Calculate password strength
 25 |     if (e.target.name === 'password') {
 26 |       const password = e.target.value;
 27 |       let strength = 0;
 28 |       if (password.length >= 8) strength += 25;
 29 |       if (/[A-Z]/.test(password)) strength += 25;
 30 |       if (/[0-9]/.test(password)) strength += 25;
 31 |       if (/[^A-Za-z0-9]/.test(password)) strength += 25;
 32 |       setPasswordStrength(strength);
 33 |     }
 34 |   };
 35 | 
 36 |   const handleSubmit = async (e) => {
 37 |     e.preventDefault();
 38 |     setIsLoading(true);
 39 |     setMsg('');
 40 |     
 41 |     try {
 42 |       await registerUser(form);
 43 |       setMsg('Registration successful! Redirecting to login...');
 44 |       setTimeout(() => navigate('/login'), 2000);
 45 |     } catch (err) {
 46 |       setMsg(err.response?.data?.message || 'Registration failed. Please try again.');
 47 |       setIsLoading(false);
 48 |     }
 49 |   };
 50 | 
 51 |   const getPasswordStrengthColor = () => {
 52 |     if (passwordStrength <= 25) return 'from-red-500 to-red-600';
 53 |     if (passwordStrength <= 50) return 'from-yellow-500 to-orange-500';
 54 |     if (passwordStrength <= 75) return 'from-blue-500 to-indigo-500';
 55 |     return 'from-green-500 to-emerald-500';
 56 |   };
 57 | 
 58 |   const getPasswordStrengthText = () => {
 59 |     if (passwordStrength === 0) return '';
 60 |     if (passwordStrength <= 25) return 'Weak';
 61 |     if (passwordStrength <= 50) return 'Fair';
 62 |     if (passwordStrength <= 75) return 'Good';
 63 |     return 'Strong';
 64 |   };
 65 | 
 66 |   // 3D Background Animation
 67 |   useEffect(() => {
 68 |     if (!mountRef.current) return;
 69 |     
 70 |     const mount = mountRef.current;
 71 |     const scene = new THREE.Scene();
 72 |     const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
 73 |     const camera = new THREE.PerspectiveCamera(45, mount.clientWidth / mount.clientHeight, 0.1, 100);
 74 |     
 75 |     renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
 76 |     renderer.setSize(mount.clientWidth, mount.clientHeight);
 77 |     camera.position.set(0, 0, 10);
 78 |     mount.appendChild(renderer.domElement);
 79 | 
 80 |     // Lights
 81 |     scene.add(
 82 |       new THREE.DirectionalLight(0xffffff, 1.2).add(light => light.position.set(3, 4, 5)),
 83 |       new THREE.DirectionalLight(0x22d3ee, 0.6).add(light => light.position.set(-4, -3, -2)),
 84 |       new THREE.AmbientLight(0xffffff, 0.4)
 85 |     );
 86 | 
 87 |     // Create morphing blob
 88 |     const uniforms = {
 89 |       u_time: { value: 0 },
 90 |       u_intensity: { value: 0.8 },
 91 |       u_c1: { value: new THREE.Color("#8b5cf6") },
 92 |       u_c2: { value: new THREE.Color("#ec4899") },
 93 |       u_c3: { value: new THREE.Color("#22d3ee") },
 94 |     };
 95 | 
 96 |     const vertexShader = `
 97 |       varying vec3 vNormal, vPos;
 98 |       uniform float u_time, u_intensity;
 99 |       
100 |       float snoise(vec3 v) {
101 |         return sin(v.x * 1.5 + u_time) * cos(v.y * 1.2 + u_time) * sin(v.z * 1.8 + u_time * 0.8);
102 |       }
103 |       
104 |       void main() {
105 |         vNormal = normal;
106 |         vPos = position;
107 |         float n = snoise(normal * 1.5 + u_time * 0.4) * u_intensity * 0.3;
108 |         gl_Position = projectionMatrix * modelViewMatrix * vec4(position + normal * n, 1.0);
109 |       }
110 |     `;
111 | 
112 |     const fragmentShader = `
113 |       varying vec3 vNormal;
114 |       uniform vec3 u_c1, u_c2, u_c3;
115 |       
116 |       void main(){
117 |         vec3 n = normalize(vNormal);
118 |         float fres = pow(1.0 - abs(n.z), 1.5);
119 |         vec3 base = mix(u_c1, u_c2, (n.x + 1.0) * 0.5);
120 |         base = mix(base, u_c3, (n.y + 1.0) * 0.5);
121 |         gl_FragColor = vec4(base + fres * 0.4, 0.7);
122 |       }
123 |     `;
124 | 
125 |     const blob = new THREE.Mesh(
126 |       new THREE.IcosahedronGeometry(2, 60),
127 |       new THREE.ShaderMaterial({ 
128 |         uniforms, 
129 |         vertexShader, 
130 |         fragmentShader,
131 |         transparent: true
132 |       })
133 |     );
134 |     blob.position.set(-3, 2, -5);
135 |     scene.add(blob);
136 | 
137 |     // Create floating rings
138 |     const rings = [];
139 |     for (let i = 0; i < 12; i++) {
140 |       const ring = new THREE.Mesh(
141 |         new THREE.TorusGeometry(0.5 + i * 0.1, 0.05, 8, 16),
142 |         new THREE.MeshPhongMaterial({
143 |           color: new THREE.Color().setHSL((i * 0.08) % 1, 0.8, 0.6),
144 |           transparent: true,
145 |           opacity: 0.3,
146 |         })
147 |       );
148 |       
149 |       ring.position.set(
150 |         (Math.random() - 0.5) * 25,
151 |         (Math.random() - 0.5) * 25,
152 |         (Math.random() - 0.5) * 20
153 |       );
154 |       
155 |       ring.rotation.set(
156 |         Math.random() * Math.PI,
157 |         Math.random() * Math.PI,
158 |         Math.random() * Math.PI
159 |       );
160 |       
161 |       ring.userData = {
162 |         rotSpeed: [(Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02],
163 |         floatSpeed: Math.random() * 0.008 + 0.004,
164 |         offset: Math.random() * Math.PI * 2,
165 |       };
166 |       
167 |       rings.push(ring);
168 |       scene.add(ring);
169 |     }
170 | 
171 |     // Particles with trails
172 |     const particleCount = 1200;
173 |     const positions = new Float32Array(particleCount * 3);
174 |     const velocities = new Float32Array(particleCount * 3);
175 |     const colors = new Float32Array(particleCount * 3);
176 |     
177 |     for (let i = 0; i < particleCount * 3; i += 3) {
178 |       positions[i] = (Math.random() - 0.5) * 35;
179 |       positions[i + 1] = (Math.random() - 0.5) * 35;
180 |       positions[i + 2] = (Math.random() - 0.5) * 25;
181 |       velocities[i] = (Math.random() - 0.5) * 0.012;
182 |       velocities[i + 1] = (Math.random() - 0.5) * 0.012;
183 |       velocities[i + 2] = (Math.random() - 0.5) * 0.012;
184 |       
185 |       const hue = Math.random();
186 |       colors[i] = hue;
187 |       colors[i + 1] = 0.7;
188 |       colors[i + 2] = 0.8;
189 |     }
190 |     
191 |     const particles = new THREE.Points(
192 |       new THREE.BufferGeometry()
193 |         .setAttribute('position', new THREE.BufferAttribute(positions, 3))
194 |         .setAttribute('color', new THREE.BufferAttribute(colors, 3)),
195 |       new THREE.PointsMaterial({
196 |         size: 0.025,
197 |         transparent: true,
198 |         opacity: 0.8,
199 |         vertexColors: true,
200 |       })
201 |     );
202 |     scene.add(particles);
203 | 
204 |     const onResize = () => {
205 |       if (!mount || !renderer || !camera) return;
206 |       renderer.setSize(mount.clientWidth, mount.clientHeight);
207 |       camera.aspect = mount.clientWidth / mount.clientHeight;
208 |       camera.updateProjectionMatrix();
209 |     };
210 |     
211 |     window.addEventListener("resize", onResize);
212 | 
213 |     // Animation loop
214 |     const clock = new THREE.Clock();
215 |     const animate = () => {
216 |       if (!renderer || !scene || !camera) return;
217 |       
218 |       const t = clock.getElapsedTime();
219 |       uniforms.u_time.value = t;
220 |       
221 |       // Animate blob
222 |       blob.rotation.y += 0.005;
223 |       blob.rotation.x = Math.sin(t * 0.3) * 0.2;
224 |       blob.position.y = 2 + Math.sin(t * 0.5) * 0.5;
225 |       
226 |       // Animate rings
227 |       rings.forEach((ring, i) => {
228 |         const { rotSpeed, floatSpeed, offset } = ring.userData;
229 |         ring.rotation.x += rotSpeed[0];
230 |         ring.rotation.y += rotSpeed[1];
231 |         ring.rotation.z += rotSpeed[2];
232 |         ring.position.y += Math.sin(t * floatSpeed + offset) * 0.004;
233 |         ring.material.opacity = 0.2 + Math.sin(t * 3 + i) * 0.15;
234 |       });
235 | 
236 |       // Animate particles
237 |       particles.rotation.y += 0.0008;
238 |       for (let i = 0; i < particleCount * 3; i += 3) {
239 |         positions[i] += velocities[i];
240 |         positions[i + 1] += velocities[i + 1];
241 |         positions[i + 2] += velocities[i + 2];
242 |         if (Math.abs(positions[i]) > 17) velocities[i] *= -1;
243 |         if (Math.abs(positions[i + 1]) > 17) velocities[i + 1] *= -1;
244 |         if (Math.abs(positions[i + 2]) > 12) velocities[i + 2] *= -1;
245 |       }
246 |       particles.geometry.attributes.position.needsUpdate = true;
247 | 
248 |       camera.position.x = Math.sin(t * 0.08) * 0.8;
249 |       camera.position.y = Math.cos(t * 0.1) * 0.5;
250 |       camera.lookAt(scene.position);
251 | 
252 |       renderer.render(scene, camera);
253 |       animationIdRef.current = requestAnimationFrame(animate);
254 |     };
255 |     animate();
256 | 
257 |     sceneRef.current = { scene, renderer, camera, rings, particles };
258 | 
259 |     // Cleanup
260 |     return () => {
261 |       if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
262 |       window.removeEventListener("resize", onResize);
263 |       if (mount.contains(renderer.domElement)) mount.removeChild(renderer.domElement);
264 |       scene.traverse(obj => {
265 |         if (obj.geometry) obj.geometry.dispose();
266 |         if (obj.material) obj.material.dispose();
267 |       });
268 |       renderer.dispose();
269 |     };
270 |   }, [darkMode]);
271 | 
272 |   return (
273 |     <div className={darkMode ? "dark" : ""}>
274 |       <div className={`min-h-screen flex items-center justify-center p-6 relative overflow-hidden ${
275 |         darkMode ? "bg-gradient-to-br from-[#0f172a] via-[#111827] to-[#1f2937]" 
276 |                  : "bg-gradient-to-br from-[#eef2ff] via-white to-[#cffafe]"
277 |       }`}>
278 |         
279 |         {/* 3D Background */}
280 |         <div ref={mountRef} className="absolute inset-0 -z-10" />
281 |         
282 |         {/* Background Elements */}
283 |         <div className="absolute inset-0 opacity-20">
284 |           <div className={`absolute inset-0 ${darkMode 
285 |             ? "bg-gradient-to-r from-purple-800/20 via-pink-800/20 to-cyan-800/20"
286 |             : "bg-gradient-to-r from-purple-200/30 via-pink-200/30 to-cyan-200/30"
287 |           } animate-pulse`} />
288 |         </div>
289 | 
290 |         {/* Floating Elements */}
291 |         <div className="absolute inset-0 -z-5">
292 |           {[...Array(8)].map((_, i) => (
293 |             <div key={`float-${i}`} className={`absolute rounded-full opacity-10 ${darkMode ? "bg-white" : "bg-slate-900"}`}
294 |               style={{
295 |                 width: `${15 + i * 8}px`, height: `${15 + i * 8}px`,
296 |                 left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`,
297 |                 animation: `float-${i % 3} ${12 + i * 3}s ease-in-out infinite`,
298 |               }} />
299 |           ))}
300 |           {[...Array(5)].map((_, i) => (
301 |             <div key={`glow-${i}`} className="absolute rounded-full blur-2xl opacity-15"
302 |               style={{
303 |                 width: `${120 + i * 40}px`, height: `${120 + i * 40}px`,
304 |                 background: `radial-gradient(circle, ${['#8b5cf6', '#ec4899', '#22d3ee', '#10b981', '#f59e0b'][i]} 0%, transparent 70%)`,
305 |                 left: `${15 + i * 18}%`, top: `${10 + i * 15}%`,
306 |                 animation: `drift ${18 + i * 4}s ease-in-out infinite`,
307 |               }} />
308 |           ))}
309 |         </div>
310 | 
311 |         {/* Back to Home Button */}
312 |         <Link to="/" 
313 |           className={`absolute top-6 left-6 z-50 flex items-center gap-2 px-4 py-2 rounded-full backdrop-blur-xl transition-all duration-300 hover:scale-105 ${
314 |             darkMode ? "bg-white/20 text-white hover:bg-white/30" : "bg-slate-800/70 text-white hover:bg-slate-700/80"
315 |           }`}>
316 |           <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
317 |             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" />
318 |           </svg>
319 |           <span className="font-medium">Back</span>
320 |         </Link>
321 | 
322 |         {/* Theme Toggle */}
323 |         <button
324 |           onClick={() => setDarkMode(prev => !prev)}
325 |           className={`absolute top-6 right-6 z-50 w-12 h-12 rounded-full backdrop-blur-xl flex items-center justify-center transition-all duration-300 hover:scale-110 ${
326 |             darkMode ? "bg-white/20 text-white hover:bg-white/30" : "bg-slate-800/70 text-white hover:bg-slate-700/80"
327 |           }`}
328 |         >
329 |           {darkMode ? (
330 |             <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
331 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
332 |             </svg>
333 |           ) : (
334 |             <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
335 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
336 |             </svg>
337 |           )}
338 |         </button>
339 | 
340 |         {/* Signup Form Container */}
341 |         <div className="relative z-10 w-full max-w-lg">
342 |           <div className={`backdrop-blur-2xl rounded-3xl p-8 shadow-2xl border transform transition-all duration-500 hover:scale-[1.02] ${
343 |             darkMode 
344 |               ? "bg-white/10 border-white/20 shadow-black/20" 
345 |               : "bg-white/80 border-slate-200/50 shadow-slate-900/10"
346 |           }`}>
347 |             
348 |             {/* Header */}
349 |             <div className="text-center mb-8">
350 |               <div className="mb-4">
351 |                 <h1 className={`text-4xl font-bold bg-gradient-to-r from-purple-400 via-pink-400 to-cyan-400 bg-clip-text text-transparent animate-pulse`}>
352 |                   EventSphere
353 |                 </h1>
354 |               </div>
355 |               <h2 className={`text-2xl font-semibold mb-2 ${
356 |                 darkMode ? "text-white" : "text-slate-800"
357 |               }`}>Create Account</h2>
358 |               <p className={`${
359 |                 darkMode ? "text-white/70" : "text-slate-600"
360 |               }`}>Join our community today</p>
361 |             </div>
362 | 
363 |             {/* Form */}
364 |             <form onSubmit={handleSubmit} className="space-y-6">
365 |               {/* Name Field */}
366 |               <div className="relative group">
367 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
368 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
369 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
370 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
371 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
372 |                   </svg>
373 |                 </div>
374 |                 <input
375 |                   name="name"
376 |                   type="text"
377 |                   placeholder="Enter your full name"
378 |                   value={form.name}
379 |                   onChange={handleChange}
380 |                   required
381 |                   className={`w-full pl-10 pr-4 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 ${
382 |                     darkMode 
383 |                       ? "bg-white/10 border-white/20 text-white placeholder-white/50 focus:bg-white/15" 
384 |                       : "bg-white/70 border-slate-200 text-slate-800 placeholder-slate-400 focus:bg-white"
385 |                   }`}
386 |                 />
387 |               </div>
388 | 
389 |               {/* Email Field */}
390 |               <div className="relative group">
391 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
392 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
393 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
394 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
395 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" />
396 |                   </svg>
397 |                 </div>
398 |                 <input
399 |                   name="email"
400 |                   type="email"
401 |                   placeholder="Enter your email"
402 |                   value={form.email}
403 |                   onChange={handleChange}
404 |                   required
405 |                   className={`w-full pl-10 pr-4 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 ${
406 |                     darkMode 
407 |                       ? "bg-white/10 border-white/20 text-white placeholder-white/50 focus:bg-white/15" 
408 |                       : "bg-white/70 border-slate-200 text-slate-800 placeholder-slate-400 focus:bg-white"
409 |                   }`}
410 |                 />
411 |               </div>
412 | 
413 |               {/* Password Field */}
414 |               <div className="relative group">
415 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
416 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
417 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
418 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
419 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
420 |                   </svg>
421 |                 </div>
422 |                 <input
423 |                   name="password"
424 |                   type={showPassword ? "text" : "password"}
425 |                   placeholder="Create a strong password"
426 |                   value={form.password}
427 |                   onChange={handleChange}
428 |                   required
429 |                   className={`w-full pl-10 pr-12 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 ${
430 |                     darkMode 
431 |                       ? "bg-white/10 border-white/20 text-white placeholder-white/50 focus:bg-white/15" 
432 |                       : "bg-white/70 border-slate-200 text-slate-800 placeholder-slate-400 focus:bg-white"
433 |                   }`}
434 |                 />
435 |                 <button
436 |                   type="button"
437 |                   onClick={() => setShowPassword(!showPassword)}
438 |                   className={`absolute inset-y-0 right-0 pr-3 flex items-center transition-colors duration-300 ${
439 |                     darkMode ? "text-white/40 hover:text-white/70" : "text-slate-400 hover:text-slate-600"
440 |                   }`}
441 |                 >
442 |                   {showPassword ? (
443 |                     <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
444 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.878 9.878L3 3m6.878 6.878L21 21" />
445 |                     </svg>
446 |                   ) : (
447 |                     <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
448 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
449 |                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
450 |                     </svg>
451 |                   )}
452 |                 </button>
453 |                 
454 |                 {/* Password Strength Indicator */}
455 |                 {form.password && (
456 |                   <div className="mt-2">
457 |                     <div className={`h-2 rounded-full overflow-hidden ${
458 |                       darkMode ? "bg-white/10" : "bg-slate-200"
459 |                     }`}>
460 |                       <div 
461 |                         className={`h-full bg-gradient-to-r ${getPasswordStrengthColor()} transition-all duration-500`}
462 |                         style={{ width: `${passwordStrength}%` }}
463 |                       />
464 |                     </div>
465 |                     {passwordStrength > 0 && (
466 |                       <p className={`text-xs mt-1 font-medium ${
467 |                         darkMode ? "text-white/70" : "text-slate-600"
468 |                       }`}>
469 |                         Password strength: <span className={getPasswordStrengthColor().includes('green') ? 'text-green-500' : 
470 |                           getPasswordStrengthColor().includes('blue') ? 'text-blue-500' :
471 |                           getPasswordStrengthColor().includes('yellow') ? 'text-yellow-500' : 'text-red-500'}>
472 |                           {getPasswordStrengthText()}
473 |                         </span>
474 |                       </p>
475 |                     )}
476 |                   </div>
477 |                 )}
478 |               </div>
479 | 
480 |               {/* Role Selection */}
481 |               <div className="relative group">
482 |                 <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
483 |                   <svg className={`w-5 h-5 transition-colors duration-300 ${
484 |                     darkMode ? "text-white/40 group-focus-within:text-purple-400" : "text-slate-400 group-focus-within:text-purple-500"
485 |                   }`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
486 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
487 |                   </svg>
488 |                 </div>
489 |                 <select
490 |                   name="role"
491 |                   value={form.role}
492 |                   onChange={handleChange}
493 |                   className={`w-full pl-10 pr-4 py-4 rounded-2xl transition-all duration-300 focus:scale-[1.02] focus:shadow-lg outline-none border-2 focus:border-purple-400 appearance-none cursor-pointer ${
494 |                     darkMode 
495 |                       ? "bg-white/10 border-white/20 text-white focus:bg-white/15" 
496 |                       : "bg-white/70 border-slate-200 text-slate-800 focus:bg-white"
497 |                   }`}
498 |                 >
499 |                   <option value="student" className={darkMode ? "bg-slate-800 text-white" : "bg-white text-slate-800"}>🎓 Student</option>
500 |                   <option value="faculty" className={darkMode ? "bg-slate-800 text-white" : "bg-white text-slate-800"}>👨‍🏫 Faculty</option>
501 |                 </select>
502 |                 <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
503 |                   <svg className={`w-5 h-5 ${darkMode ? "text-white/40" : "text-slate-400"}`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
504 |                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
505 |                   </svg>
506 |                 </div>
507 |               </div>
508 | 
509 |               {/* Submit Button */}
510 |               <button
511 |                 type="submit"
512 |                 disabled={isLoading}
513 |                 className={`w-full py-4 rounded-2xl font-bold text-lg shadow-lg transition-all duration-300 transform hover:scale-105 hover:shadow-xl active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed ${
514 |                   isLoading
515 |                     ? "bg-gradient-to-r from-gray-400 to-gray-500"
516 |                     : "bg-gradient-to-r from-purple-500 via-pink-500 to-cyan-500 hover:from-purple-600 hover:via-pink-600 hover:to-cyan-600"
517 |                 } text-white relative overflow-hidden`}
518 |               >
519 |                 {isLoading && (
520 |                   <div className="absolute inset-0 bg-gradient-to-r from-purple-500/50 via-pink-500/50 to-cyan-500/50 animate-pulse" />
521 |                 )}
522 |                 <span className="relative flex items-center justify-center gap-2">
523 |                   {isLoading ? (
524 |                     <>
525 |                       <svg className="w-5 h-5 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
526 |                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
527 |                       </svg>
528 |                       Creating Account...
529 |                     </>
530 |                   ) : (
531 |                     <>
532 |                       Create Account
533 |                       <svg className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
534 |                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7l5 5m0 0l-5 5m5-5H6" />
535 |                       </svg>
536 |                     </>
537 |                   )}
538 |                 </span>
539 |               </button>
540 |             </form>
541 | 
542 |             {/* Message */}
543 |             {msg && (
544 |               <div className={`mt-6 p-4 rounded-2xl text-center font-medium transition-all duration-300 ${
545 |                 msg.includes("successful") 
546 |                   ? darkMode ? "bg-green-500/20 text-green-300 border border-green-500/30" : "bg-green-100 text-green-700 border border-green-200"
547 |                   : darkMode ? "bg-red-500/20 text-red-300 border border-red-500/30" : "bg-red-100 text-red-700 border border-red-200"
548 |               }`}>
549 |                 {msg}
550 |               </div>
551 |             )}
552 | 
553 |             {/* Footer */}
554 |             <div className="mt-8 text-center">
555 |               <p className={`text-sm ${darkMode ? "text-white/70" : "text-slate-600"}`}>
556 |                 Already have an account?{" "}
557 |                 <Link 
558 |                   to="/login" 
559 |                   className="font-bold bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent hover:from-purple-500 hover:to-pink-500 transition-all duration-300"
560 |                 >
561 |                   Sign in here
562 |                 </Link>
563 |               </p>
564 |             </div>
565 |           </div>
566 |         </div>
567 | 
568 |         <style jsx>{`
569 |           @keyframes float-0 { 
570 |             0%, 100% { transform: translateY(0px) translateX(0px); } 
571 |             25% { transform: translateY(-25px) translateX(15px); } 
572 |             50% { transform: translateY(-45px) translateX(-8px); } 
573 |             75% { transform: translateY(-15px) translateX(-18px); } 
574 |           }
575 |           @keyframes float-1 { 
576 |             0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); } 
577 |             33% { transform: translateY(-35px) translateX(20px) rotate(120deg); } 
578 |             66% { transform: translateY(-20px) translateX(-15px) rotate(240deg); } 
579 |           }
580 |           @keyframes float-2 { 
581 |             0%, 100% { transform: translateY(0px) translateX(0px) scale(1); } 
582 |             50% { transform: translateY(-30px) translateX(25px) scale(1.15); } 
583 |           }
584 |           @keyframes drift { 
585 |             0%, 100% { transform: translate(0px, 0px) scale(1) rotate(0deg); } 
586 |             25% { transform: translate(40px, -30px) scale(1.1) rotate(90deg); } 
587 |             50% { transform: translate(-30px, -50px) scale(0.9) rotate(180deg); } 
588 |             75% { transform: translate(-50px, 30px) scale(1.05) rotate(270deg); } 
589 |           }
590 |         `}</style>
591 |       </div>
592 |     </div>
593 |   );
594 | }
595 | 


--------------------------------------------------------------------------------
/server/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "server",
   3 |   "version": "1.0.0",
   4 |   "lockfileVersion": 3,
   5 |   "requires": true,
   6 |   "packages": {
   7 |     "": {
   8 |       "name": "server",
   9 |       "version": "1.0.0",
  10 |       "license": "ISC",
  11 |       "dependencies": {
  12 |         "bcrypt": "^6.0.0",
  13 |         "cors": "^2.8.5",
  14 |         "dotenv": "^17.2.1",
  15 |         "express": "^5.1.0",
  16 |         "jsonwebtoken": "^9.0.2",
  17 |         "multer": "^2.0.2",
  18 |         "mysql2": "^3.14.3"
  19 |       },
  20 |       "devDependencies": {
  21 |         "nodemon": "^3.1.10"
  22 |       }
  23 |     },
  24 |     "node_modules/accepts": {
  25 |       "version": "2.0.0",
  26 |       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
  27 |       "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
  28 |       "license": "MIT",
  29 |       "dependencies": {
  30 |         "mime-types": "^3.0.0",
  31 |         "negotiator": "^1.0.0"
  32 |       },
  33 |       "engines": {
  34 |         "node": ">= 0.6"
  35 |       }
  36 |     },
  37 |     "node_modules/anymatch": {
  38 |       "version": "3.1.3",
  39 |       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
  40 |       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
  41 |       "dev": true,
  42 |       "license": "ISC",
  43 |       "dependencies": {
  44 |         "normalize-path": "^3.0.0",
  45 |         "picomatch": "^2.0.4"
  46 |       },
  47 |       "engines": {
  48 |         "node": ">= 8"
  49 |       }
  50 |     },
  51 |     "node_modules/append-field": {
  52 |       "version": "1.0.0",
  53 |       "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
  54 |       "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
  55 |       "license": "MIT"
  56 |     },
  57 |     "node_modules/aws-ssl-profiles": {
  58 |       "version": "1.1.2",
  59 |       "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
  60 |       "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
  61 |       "license": "MIT",
  62 |       "engines": {
  63 |         "node": ">= 6.0.0"
  64 |       }
  65 |     },
  66 |     "node_modules/balanced-match": {
  67 |       "version": "1.0.2",
  68 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
  69 |       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
  70 |       "dev": true,
  71 |       "license": "MIT"
  72 |     },
  73 |     "node_modules/bcrypt": {
  74 |       "version": "6.0.0",
  75 |       "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-6.0.0.tgz",
  76 |       "integrity": "sha512-cU8v/EGSrnH+HnxV2z0J7/blxH8gq7Xh2JFT6Aroax7UohdmiJJlxApMxtKfuI7z68NvvVcmR78k2LbT6efhRg==",
  77 |       "hasInstallScript": true,
  78 |       "license": "MIT",
  79 |       "dependencies": {
  80 |         "node-addon-api": "^8.3.0",
  81 |         "node-gyp-build": "^4.8.4"
  82 |       },
  83 |       "engines": {
  84 |         "node": ">= 18"
  85 |       }
  86 |     },
  87 |     "node_modules/binary-extensions": {
  88 |       "version": "2.3.0",
  89 |       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
  90 |       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
  91 |       "dev": true,
  92 |       "license": "MIT",
  93 |       "engines": {
  94 |         "node": ">=8"
  95 |       },
  96 |       "funding": {
  97 |         "url": "https://github.com/sponsors/sindresorhus"
  98 |       }
  99 |     },
 100 |     "node_modules/body-parser": {
 101 |       "version": "2.2.0",
 102 |       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
 103 |       "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
 104 |       "license": "MIT",
 105 |       "dependencies": {
 106 |         "bytes": "^3.1.2",
 107 |         "content-type": "^1.0.5",
 108 |         "debug": "^4.4.0",
 109 |         "http-errors": "^2.0.0",
 110 |         "iconv-lite": "^0.6.3",
 111 |         "on-finished": "^2.4.1",
 112 |         "qs": "^6.14.0",
 113 |         "raw-body": "^3.0.0",
 114 |         "type-is": "^2.0.0"
 115 |       },
 116 |       "engines": {
 117 |         "node": ">=18"
 118 |       }
 119 |     },
 120 |     "node_modules/brace-expansion": {
 121 |       "version": "1.1.12",
 122 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
 123 |       "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
 124 |       "dev": true,
 125 |       "license": "MIT",
 126 |       "dependencies": {
 127 |         "balanced-match": "^1.0.0",
 128 |         "concat-map": "0.0.1"
 129 |       }
 130 |     },
 131 |     "node_modules/braces": {
 132 |       "version": "3.0.3",
 133 |       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
 134 |       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
 135 |       "dev": true,
 136 |       "license": "MIT",
 137 |       "dependencies": {
 138 |         "fill-range": "^7.1.1"
 139 |       },
 140 |       "engines": {
 141 |         "node": ">=8"
 142 |       }
 143 |     },
 144 |     "node_modules/buffer-equal-constant-time": {
 145 |       "version": "1.0.1",
 146 |       "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
 147 |       "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
 148 |       "license": "BSD-3-Clause"
 149 |     },
 150 |     "node_modules/buffer-from": {
 151 |       "version": "1.1.2",
 152 |       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
 153 |       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
 154 |       "license": "MIT"
 155 |     },
 156 |     "node_modules/busboy": {
 157 |       "version": "1.6.0",
 158 |       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
 159 |       "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
 160 |       "dependencies": {
 161 |         "streamsearch": "^1.1.0"
 162 |       },
 163 |       "engines": {
 164 |         "node": ">=10.16.0"
 165 |       }
 166 |     },
 167 |     "node_modules/bytes": {
 168 |       "version": "3.1.2",
 169 |       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
 170 |       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
 171 |       "license": "MIT",
 172 |       "engines": {
 173 |         "node": ">= 0.8"
 174 |       }
 175 |     },
 176 |     "node_modules/call-bind-apply-helpers": {
 177 |       "version": "1.0.2",
 178 |       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
 179 |       "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
 180 |       "license": "MIT",
 181 |       "dependencies": {
 182 |         "es-errors": "^1.3.0",
 183 |         "function-bind": "^1.1.2"
 184 |       },
 185 |       "engines": {
 186 |         "node": ">= 0.4"
 187 |       }
 188 |     },
 189 |     "node_modules/call-bound": {
 190 |       "version": "1.0.4",
 191 |       "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
 192 |       "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
 193 |       "license": "MIT",
 194 |       "dependencies": {
 195 |         "call-bind-apply-helpers": "^1.0.2",
 196 |         "get-intrinsic": "^1.3.0"
 197 |       },
 198 |       "engines": {
 199 |         "node": ">= 0.4"
 200 |       },
 201 |       "funding": {
 202 |         "url": "https://github.com/sponsors/ljharb"
 203 |       }
 204 |     },
 205 |     "node_modules/chokidar": {
 206 |       "version": "3.6.0",
 207 |       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
 208 |       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
 209 |       "dev": true,
 210 |       "license": "MIT",
 211 |       "dependencies": {
 212 |         "anymatch": "~3.1.2",
 213 |         "braces": "~3.0.2",
 214 |         "glob-parent": "~5.1.2",
 215 |         "is-binary-path": "~2.1.0",
 216 |         "is-glob": "~4.0.1",
 217 |         "normalize-path": "~3.0.0",
 218 |         "readdirp": "~3.6.0"
 219 |       },
 220 |       "engines": {
 221 |         "node": ">= 8.10.0"
 222 |       },
 223 |       "funding": {
 224 |         "url": "https://paulmillr.com/funding/"
 225 |       },
 226 |       "optionalDependencies": {
 227 |         "fsevents": "~2.3.2"
 228 |       }
 229 |     },
 230 |     "node_modules/concat-map": {
 231 |       "version": "0.0.1",
 232 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 233 |       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
 234 |       "dev": true,
 235 |       "license": "MIT"
 236 |     },
 237 |     "node_modules/concat-stream": {
 238 |       "version": "2.0.0",
 239 |       "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
 240 |       "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
 241 |       "engines": [
 242 |         "node >= 6.0"
 243 |       ],
 244 |       "license": "MIT",
 245 |       "dependencies": {
 246 |         "buffer-from": "^1.0.0",
 247 |         "inherits": "^2.0.3",
 248 |         "readable-stream": "^3.0.2",
 249 |         "typedarray": "^0.0.6"
 250 |       }
 251 |     },
 252 |     "node_modules/content-disposition": {
 253 |       "version": "1.0.0",
 254 |       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz",
 255 |       "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
 256 |       "license": "MIT",
 257 |       "dependencies": {
 258 |         "safe-buffer": "5.2.1"
 259 |       },
 260 |       "engines": {
 261 |         "node": ">= 0.6"
 262 |       }
 263 |     },
 264 |     "node_modules/content-type": {
 265 |       "version": "1.0.5",
 266 |       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
 267 |       "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
 268 |       "license": "MIT",
 269 |       "engines": {
 270 |         "node": ">= 0.6"
 271 |       }
 272 |     },
 273 |     "node_modules/cookie": {
 274 |       "version": "0.7.2",
 275 |       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
 276 |       "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
 277 |       "license": "MIT",
 278 |       "engines": {
 279 |         "node": ">= 0.6"
 280 |       }
 281 |     },
 282 |     "node_modules/cookie-signature": {
 283 |       "version": "1.2.2",
 284 |       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
 285 |       "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
 286 |       "license": "MIT",
 287 |       "engines": {
 288 |         "node": ">=6.6.0"
 289 |       }
 290 |     },
 291 |     "node_modules/cors": {
 292 |       "version": "2.8.5",
 293 |       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
 294 |       "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
 295 |       "license": "MIT",
 296 |       "dependencies": {
 297 |         "object-assign": "^4",
 298 |         "vary": "^1"
 299 |       },
 300 |       "engines": {
 301 |         "node": ">= 0.10"
 302 |       }
 303 |     },
 304 |     "node_modules/debug": {
 305 |       "version": "4.4.1",
 306 |       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
 307 |       "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
 308 |       "license": "MIT",
 309 |       "dependencies": {
 310 |         "ms": "^2.1.3"
 311 |       },
 312 |       "engines": {
 313 |         "node": ">=6.0"
 314 |       },
 315 |       "peerDependenciesMeta": {
 316 |         "supports-color": {
 317 |           "optional": true
 318 |         }
 319 |       }
 320 |     },
 321 |     "node_modules/denque": {
 322 |       "version": "2.1.0",
 323 |       "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
 324 |       "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
 325 |       "license": "Apache-2.0",
 326 |       "engines": {
 327 |         "node": ">=0.10"
 328 |       }
 329 |     },
 330 |     "node_modules/depd": {
 331 |       "version": "2.0.0",
 332 |       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
 333 |       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
 334 |       "license": "MIT",
 335 |       "engines": {
 336 |         "node": ">= 0.8"
 337 |       }
 338 |     },
 339 |     "node_modules/dotenv": {
 340 |       "version": "17.2.1",
 341 |       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.1.tgz",
 342 |       "integrity": "sha512-kQhDYKZecqnM0fCnzI5eIv5L4cAe/iRI+HqMbO/hbRdTAeXDG+M9FjipUxNfbARuEg4iHIbhnhs78BCHNbSxEQ==",
 343 |       "license": "BSD-2-Clause",
 344 |       "engines": {
 345 |         "node": ">=12"
 346 |       },
 347 |       "funding": {
 348 |         "url": "https://dotenvx.com"
 349 |       }
 350 |     },
 351 |     "node_modules/dunder-proto": {
 352 |       "version": "1.0.1",
 353 |       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
 354 |       "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
 355 |       "license": "MIT",
 356 |       "dependencies": {
 357 |         "call-bind-apply-helpers": "^1.0.1",
 358 |         "es-errors": "^1.3.0",
 359 |         "gopd": "^1.2.0"
 360 |       },
 361 |       "engines": {
 362 |         "node": ">= 0.4"
 363 |       }
 364 |     },
 365 |     "node_modules/ecdsa-sig-formatter": {
 366 |       "version": "1.0.11",
 367 |       "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
 368 |       "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
 369 |       "license": "Apache-2.0",
 370 |       "dependencies": {
 371 |         "safe-buffer": "^5.0.1"
 372 |       }
 373 |     },
 374 |     "node_modules/ee-first": {
 375 |       "version": "1.1.1",
 376 |       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
 377 |       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
 378 |       "license": "MIT"
 379 |     },
 380 |     "node_modules/encodeurl": {
 381 |       "version": "2.0.0",
 382 |       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
 383 |       "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
 384 |       "license": "MIT",
 385 |       "engines": {
 386 |         "node": ">= 0.8"
 387 |       }
 388 |     },
 389 |     "node_modules/es-define-property": {
 390 |       "version": "1.0.1",
 391 |       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
 392 |       "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
 393 |       "license": "MIT",
 394 |       "engines": {
 395 |         "node": ">= 0.4"
 396 |       }
 397 |     },
 398 |     "node_modules/es-errors": {
 399 |       "version": "1.3.0",
 400 |       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
 401 |       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
 402 |       "license": "MIT",
 403 |       "engines": {
 404 |         "node": ">= 0.4"
 405 |       }
 406 |     },
 407 |     "node_modules/es-object-atoms": {
 408 |       "version": "1.1.1",
 409 |       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
 410 |       "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
 411 |       "license": "MIT",
 412 |       "dependencies": {
 413 |         "es-errors": "^1.3.0"
 414 |       },
 415 |       "engines": {
 416 |         "node": ">= 0.4"
 417 |       }
 418 |     },
 419 |     "node_modules/escape-html": {
 420 |       "version": "1.0.3",
 421 |       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
 422 |       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
 423 |       "license": "MIT"
 424 |     },
 425 |     "node_modules/etag": {
 426 |       "version": "1.8.1",
 427 |       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
 428 |       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
 429 |       "license": "MIT",
 430 |       "engines": {
 431 |         "node": ">= 0.6"
 432 |       }
 433 |     },
 434 |     "node_modules/express": {
 435 |       "version": "5.1.0",
 436 |       "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz",
 437 |       "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
 438 |       "license": "MIT",
 439 |       "dependencies": {
 440 |         "accepts": "^2.0.0",
 441 |         "body-parser": "^2.2.0",
 442 |         "content-disposition": "^1.0.0",
 443 |         "content-type": "^1.0.5",
 444 |         "cookie": "^0.7.1",
 445 |         "cookie-signature": "^1.2.1",
 446 |         "debug": "^4.4.0",
 447 |         "encodeurl": "^2.0.0",
 448 |         "escape-html": "^1.0.3",
 449 |         "etag": "^1.8.1",
 450 |         "finalhandler": "^2.1.0",
 451 |         "fresh": "^2.0.0",
 452 |         "http-errors": "^2.0.0",
 453 |         "merge-descriptors": "^2.0.0",
 454 |         "mime-types": "^3.0.0",
 455 |         "on-finished": "^2.4.1",
 456 |         "once": "^1.4.0",
 457 |         "parseurl": "^1.3.3",
 458 |         "proxy-addr": "^2.0.7",
 459 |         "qs": "^6.14.0",
 460 |         "range-parser": "^1.2.1",
 461 |         "router": "^2.2.0",
 462 |         "send": "^1.1.0",
 463 |         "serve-static": "^2.2.0",
 464 |         "statuses": "^2.0.1",
 465 |         "type-is": "^2.0.1",
 466 |         "vary": "^1.1.2"
 467 |       },
 468 |       "engines": {
 469 |         "node": ">= 18"
 470 |       },
 471 |       "funding": {
 472 |         "type": "opencollective",
 473 |         "url": "https://opencollective.com/express"
 474 |       }
 475 |     },
 476 |     "node_modules/fill-range": {
 477 |       "version": "7.1.1",
 478 |       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
 479 |       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
 480 |       "dev": true,
 481 |       "license": "MIT",
 482 |       "dependencies": {
 483 |         "to-regex-range": "^5.0.1"
 484 |       },
 485 |       "engines": {
 486 |         "node": ">=8"
 487 |       }
 488 |     },
 489 |     "node_modules/finalhandler": {
 490 |       "version": "2.1.0",
 491 |       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz",
 492 |       "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
 493 |       "license": "MIT",
 494 |       "dependencies": {
 495 |         "debug": "^4.4.0",
 496 |         "encodeurl": "^2.0.0",
 497 |         "escape-html": "^1.0.3",
 498 |         "on-finished": "^2.4.1",
 499 |         "parseurl": "^1.3.3",
 500 |         "statuses": "^2.0.1"
 501 |       },
 502 |       "engines": {
 503 |         "node": ">= 0.8"
 504 |       }
 505 |     },
 506 |     "node_modules/forwarded": {
 507 |       "version": "0.2.0",
 508 |       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
 509 |       "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
 510 |       "license": "MIT",
 511 |       "engines": {
 512 |         "node": ">= 0.6"
 513 |       }
 514 |     },
 515 |     "node_modules/fresh": {
 516 |       "version": "2.0.0",
 517 |       "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
 518 |       "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
 519 |       "license": "MIT",
 520 |       "engines": {
 521 |         "node": ">= 0.8"
 522 |       }
 523 |     },
 524 |     "node_modules/fsevents": {
 525 |       "version": "2.3.3",
 526 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
 527 |       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
 528 |       "dev": true,
 529 |       "hasInstallScript": true,
 530 |       "license": "MIT",
 531 |       "optional": true,
 532 |       "os": [
 533 |         "darwin"
 534 |       ],
 535 |       "engines": {
 536 |         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 537 |       }
 538 |     },
 539 |     "node_modules/function-bind": {
 540 |       "version": "1.1.2",
 541 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
 542 |       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
 543 |       "license": "MIT",
 544 |       "funding": {
 545 |         "url": "https://github.com/sponsors/ljharb"
 546 |       }
 547 |     },
 548 |     "node_modules/generate-function": {
 549 |       "version": "2.3.1",
 550 |       "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
 551 |       "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
 552 |       "license": "MIT",
 553 |       "dependencies": {
 554 |         "is-property": "^1.0.2"
 555 |       }
 556 |     },
 557 |     "node_modules/get-intrinsic": {
 558 |       "version": "1.3.0",
 559 |       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
 560 |       "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
 561 |       "license": "MIT",
 562 |       "dependencies": {
 563 |         "call-bind-apply-helpers": "^1.0.2",
 564 |         "es-define-property": "^1.0.1",
 565 |         "es-errors": "^1.3.0",
 566 |         "es-object-atoms": "^1.1.1",
 567 |         "function-bind": "^1.1.2",
 568 |         "get-proto": "^1.0.1",
 569 |         "gopd": "^1.2.0",
 570 |         "has-symbols": "^1.1.0",
 571 |         "hasown": "^2.0.2",
 572 |         "math-intrinsics": "^1.1.0"
 573 |       },
 574 |       "engines": {
 575 |         "node": ">= 0.4"
 576 |       },
 577 |       "funding": {
 578 |         "url": "https://github.com/sponsors/ljharb"
 579 |       }
 580 |     },
 581 |     "node_modules/get-proto": {
 582 |       "version": "1.0.1",
 583 |       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
 584 |       "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
 585 |       "license": "MIT",
 586 |       "dependencies": {
 587 |         "dunder-proto": "^1.0.1",
 588 |         "es-object-atoms": "^1.0.0"
 589 |       },
 590 |       "engines": {
 591 |         "node": ">= 0.4"
 592 |       }
 593 |     },
 594 |     "node_modules/glob-parent": {
 595 |       "version": "5.1.2",
 596 |       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 597 |       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
 598 |       "dev": true,
 599 |       "license": "ISC",
 600 |       "dependencies": {
 601 |         "is-glob": "^4.0.1"
 602 |       },
 603 |       "engines": {
 604 |         "node": ">= 6"
 605 |       }
 606 |     },
 607 |     "node_modules/gopd": {
 608 |       "version": "1.2.0",
 609 |       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
 610 |       "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
 611 |       "license": "MIT",
 612 |       "engines": {
 613 |         "node": ">= 0.4"
 614 |       },
 615 |       "funding": {
 616 |         "url": "https://github.com/sponsors/ljharb"
 617 |       }
 618 |     },
 619 |     "node_modules/has-flag": {
 620 |       "version": "3.0.0",
 621 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
 622 |       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
 623 |       "dev": true,
 624 |       "license": "MIT",
 625 |       "engines": {
 626 |         "node": ">=4"
 627 |       }
 628 |     },
 629 |     "node_modules/has-symbols": {
 630 |       "version": "1.1.0",
 631 |       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
 632 |       "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
 633 |       "license": "MIT",
 634 |       "engines": {
 635 |         "node": ">= 0.4"
 636 |       },
 637 |       "funding": {
 638 |         "url": "https://github.com/sponsors/ljharb"
 639 |       }
 640 |     },
 641 |     "node_modules/hasown": {
 642 |       "version": "2.0.2",
 643 |       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
 644 |       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
 645 |       "license": "MIT",
 646 |       "dependencies": {
 647 |         "function-bind": "^1.1.2"
 648 |       },
 649 |       "engines": {
 650 |         "node": ">= 0.4"
 651 |       }
 652 |     },
 653 |     "node_modules/http-errors": {
 654 |       "version": "2.0.0",
 655 |       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
 656 |       "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
 657 |       "license": "MIT",
 658 |       "dependencies": {
 659 |         "depd": "2.0.0",
 660 |         "inherits": "2.0.4",
 661 |         "setprototypeof": "1.2.0",
 662 |         "statuses": "2.0.1",
 663 |         "toidentifier": "1.0.1"
 664 |       },
 665 |       "engines": {
 666 |         "node": ">= 0.8"
 667 |       }
 668 |     },
 669 |     "node_modules/http-errors/node_modules/statuses": {
 670 |       "version": "2.0.1",
 671 |       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
 672 |       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
 673 |       "license": "MIT",
 674 |       "engines": {
 675 |         "node": ">= 0.8"
 676 |       }
 677 |     },
 678 |     "node_modules/iconv-lite": {
 679 |       "version": "0.6.3",
 680 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
 681 |       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
 682 |       "license": "MIT",
 683 |       "dependencies": {
 684 |         "safer-buffer": ">= 2.1.2 < 3.0.0"
 685 |       },
 686 |       "engines": {
 687 |         "node": ">=0.10.0"
 688 |       }
 689 |     },
 690 |     "node_modules/ignore-by-default": {
 691 |       "version": "1.0.1",
 692 |       "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
 693 |       "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
 694 |       "dev": true,
 695 |       "license": "ISC"
 696 |     },
 697 |     "node_modules/inherits": {
 698 |       "version": "2.0.4",
 699 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
 700 |       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
 701 |       "license": "ISC"
 702 |     },
 703 |     "node_modules/ipaddr.js": {
 704 |       "version": "1.9.1",
 705 |       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
 706 |       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
 707 |       "license": "MIT",
 708 |       "engines": {
 709 |         "node": ">= 0.10"
 710 |       }
 711 |     },
 712 |     "node_modules/is-binary-path": {
 713 |       "version": "2.1.0",
 714 |       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 715 |       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
 716 |       "dev": true,
 717 |       "license": "MIT",
 718 |       "dependencies": {
 719 |         "binary-extensions": "^2.0.0"
 720 |       },
 721 |       "engines": {
 722 |         "node": ">=8"
 723 |       }
 724 |     },
 725 |     "node_modules/is-extglob": {
 726 |       "version": "2.1.1",
 727 |       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 728 |       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
 729 |       "dev": true,
 730 |       "license": "MIT",
 731 |       "engines": {
 732 |         "node": ">=0.10.0"
 733 |       }
 734 |     },
 735 |     "node_modules/is-glob": {
 736 |       "version": "4.0.3",
 737 |       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 738 |       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 739 |       "dev": true,
 740 |       "license": "MIT",
 741 |       "dependencies": {
 742 |         "is-extglob": "^2.1.1"
 743 |       },
 744 |       "engines": {
 745 |         "node": ">=0.10.0"
 746 |       }
 747 |     },
 748 |     "node_modules/is-number": {
 749 |       "version": "7.0.0",
 750 |       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 751 |       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
 752 |       "dev": true,
 753 |       "license": "MIT",
 754 |       "engines": {
 755 |         "node": ">=0.12.0"
 756 |       }
 757 |     },
 758 |     "node_modules/is-promise": {
 759 |       "version": "4.0.0",
 760 |       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
 761 |       "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
 762 |       "license": "MIT"
 763 |     },
 764 |     "node_modules/is-property": {
 765 |       "version": "1.0.2",
 766 |       "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
 767 |       "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
 768 |       "license": "MIT"
 769 |     },
 770 |     "node_modules/jsonwebtoken": {
 771 |       "version": "9.0.2",
 772 |       "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
 773 |       "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
 774 |       "license": "MIT",
 775 |       "dependencies": {
 776 |         "jws": "^3.2.2",
 777 |         "lodash.includes": "^4.3.0",
 778 |         "lodash.isboolean": "^3.0.3",
 779 |         "lodash.isinteger": "^4.0.4",
 780 |         "lodash.isnumber": "^3.0.3",
 781 |         "lodash.isplainobject": "^4.0.6",
 782 |         "lodash.isstring": "^4.0.1",
 783 |         "lodash.once": "^4.0.0",
 784 |         "ms": "^2.1.1",
 785 |         "semver": "^7.5.4"
 786 |       },
 787 |       "engines": {
 788 |         "node": ">=12",
 789 |         "npm": ">=6"
 790 |       }
 791 |     },
 792 |     "node_modules/jwa": {
 793 |       "version": "1.4.2",
 794 |       "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.2.tgz",
 795 |       "integrity": "sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==",
 796 |       "license": "MIT",
 797 |       "dependencies": {
 798 |         "buffer-equal-constant-time": "^1.0.1",
 799 |         "ecdsa-sig-formatter": "1.0.11",
 800 |         "safe-buffer": "^5.0.1"
 801 |       }
 802 |     },
 803 |     "node_modules/jws": {
 804 |       "version": "3.2.2",
 805 |       "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
 806 |       "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
 807 |       "license": "MIT",
 808 |       "dependencies": {
 809 |         "jwa": "^1.4.1",
 810 |         "safe-buffer": "^5.0.1"
 811 |       }
 812 |     },
 813 |     "node_modules/lodash.includes": {
 814 |       "version": "4.3.0",
 815 |       "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
 816 |       "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
 817 |       "license": "MIT"
 818 |     },
 819 |     "node_modules/lodash.isboolean": {
 820 |       "version": "3.0.3",
 821 |       "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
 822 |       "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
 823 |       "license": "MIT"
 824 |     },
 825 |     "node_modules/lodash.isinteger": {
 826 |       "version": "4.0.4",
 827 |       "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
 828 |       "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
 829 |       "license": "MIT"
 830 |     },
 831 |     "node_modules/lodash.isnumber": {
 832 |       "version": "3.0.3",
 833 |       "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
 834 |       "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
 835 |       "license": "MIT"
 836 |     },
 837 |     "node_modules/lodash.isplainobject": {
 838 |       "version": "4.0.6",
 839 |       "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
 840 |       "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
 841 |       "license": "MIT"
 842 |     },
 843 |     "node_modules/lodash.isstring": {
 844 |       "version": "4.0.1",
 845 |       "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
 846 |       "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
 847 |       "license": "MIT"
 848 |     },
 849 |     "node_modules/lodash.once": {
 850 |       "version": "4.1.1",
 851 |       "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
 852 |       "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
 853 |       "license": "MIT"
 854 |     },
 855 |     "node_modules/long": {
 856 |       "version": "5.3.2",
 857 |       "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
 858 |       "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
 859 |       "license": "Apache-2.0"
 860 |     },
 861 |     "node_modules/lru-cache": {
 862 |       "version": "7.18.3",
 863 |       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
 864 |       "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
 865 |       "license": "ISC",
 866 |       "engines": {
 867 |         "node": ">=12"
 868 |       }
 869 |     },
 870 |     "node_modules/lru.min": {
 871 |       "version": "1.1.2",
 872 |       "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.2.tgz",
 873 |       "integrity": "sha512-Nv9KddBcQSlQopmBHXSsZVY5xsdlZkdH/Iey0BlcBYggMd4two7cZnKOK9vmy3nY0O5RGH99z1PCeTpPqszUYg==",
 874 |       "license": "MIT",
 875 |       "engines": {
 876 |         "bun": ">=1.0.0",
 877 |         "deno": ">=1.30.0",
 878 |         "node": ">=8.0.0"
 879 |       },
 880 |       "funding": {
 881 |         "type": "github",
 882 |         "url": "https://github.com/sponsors/wellwelwel"
 883 |       }
 884 |     },
 885 |     "node_modules/math-intrinsics": {
 886 |       "version": "1.1.0",
 887 |       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
 888 |       "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
 889 |       "license": "MIT",
 890 |       "engines": {
 891 |         "node": ">= 0.4"
 892 |       }
 893 |     },
 894 |     "node_modules/media-typer": {
 895 |       "version": "1.1.0",
 896 |       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
 897 |       "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
 898 |       "license": "MIT",
 899 |       "engines": {
 900 |         "node": ">= 0.8"
 901 |       }
 902 |     },
 903 |     "node_modules/merge-descriptors": {
 904 |       "version": "2.0.0",
 905 |       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
 906 |       "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
 907 |       "license": "MIT",
 908 |       "engines": {
 909 |         "node": ">=18"
 910 |       },
 911 |       "funding": {
 912 |         "url": "https://github.com/sponsors/sindresorhus"
 913 |       }
 914 |     },
 915 |     "node_modules/mime-db": {
 916 |       "version": "1.54.0",
 917 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
 918 |       "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
 919 |       "license": "MIT",
 920 |       "engines": {
 921 |         "node": ">= 0.6"
 922 |       }
 923 |     },
 924 |     "node_modules/mime-types": {
 925 |       "version": "3.0.1",
 926 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
 927 |       "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
 928 |       "license": "MIT",
 929 |       "dependencies": {
 930 |         "mime-db": "^1.54.0"
 931 |       },
 932 |       "engines": {
 933 |         "node": ">= 0.6"
 934 |       }
 935 |     },
 936 |     "node_modules/minimatch": {
 937 |       "version": "3.1.2",
 938 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
 939 |       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
 940 |       "dev": true,
 941 |       "license": "ISC",
 942 |       "dependencies": {
 943 |         "brace-expansion": "^1.1.7"
 944 |       },
 945 |       "engines": {
 946 |         "node": "*"
 947 |       }
 948 |     },
 949 |     "node_modules/minimist": {
 950 |       "version": "1.2.8",
 951 |       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
 952 |       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
 953 |       "license": "MIT",
 954 |       "funding": {
 955 |         "url": "https://github.com/sponsors/ljharb"
 956 |       }
 957 |     },
 958 |     "node_modules/mkdirp": {
 959 |       "version": "0.5.6",
 960 |       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
 961 |       "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
 962 |       "license": "MIT",
 963 |       "dependencies": {
 964 |         "minimist": "^1.2.6"
 965 |       },
 966 |       "bin": {
 967 |         "mkdirp": "bin/cmd.js"
 968 |       }
 969 |     },
 970 |     "node_modules/ms": {
 971 |       "version": "2.1.3",
 972 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
 973 |       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 974 |       "license": "MIT"
 975 |     },
 976 |     "node_modules/multer": {
 977 |       "version": "2.0.2",
 978 |       "resolved": "https://registry.npmjs.org/multer/-/multer-2.0.2.tgz",
 979 |       "integrity": "sha512-u7f2xaZ/UG8oLXHvtF/oWTRvT44p9ecwBBqTwgJVq0+4BW1g8OW01TyMEGWBHbyMOYVHXslaut7qEQ1meATXgw==",
 980 |       "license": "MIT",
 981 |       "dependencies": {
 982 |         "append-field": "^1.0.0",
 983 |         "busboy": "^1.6.0",
 984 |         "concat-stream": "^2.0.0",
 985 |         "mkdirp": "^0.5.6",
 986 |         "object-assign": "^4.1.1",
 987 |         "type-is": "^1.6.18",
 988 |         "xtend": "^4.0.2"
 989 |       },
 990 |       "engines": {
 991 |         "node": ">= 10.16.0"
 992 |       }
 993 |     },
 994 |     "node_modules/multer/node_modules/media-typer": {
 995 |       "version": "0.3.0",
 996 |       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
 997 |       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
 998 |       "license": "MIT",
 999 |       "engines": {
1000 |         "node": ">= 0.6"
1001 |       }
1002 |     },
1003 |     "node_modules/multer/node_modules/mime-db": {
1004 |       "version": "1.52.0",
1005 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
1006 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
1007 |       "license": "MIT",
1008 |       "engines": {
1009 |         "node": ">= 0.6"
1010 |       }
1011 |     },
1012 |     "node_modules/multer/node_modules/mime-types": {
1013 |       "version": "2.1.35",
1014 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
1015 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
1016 |       "license": "MIT",
1017 |       "dependencies": {
1018 |         "mime-db": "1.52.0"
1019 |       },
1020 |       "engines": {
1021 |         "node": ">= 0.6"
1022 |       }
1023 |     },
1024 |     "node_modules/multer/node_modules/type-is": {
1025 |       "version": "1.6.18",
1026 |       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
1027 |       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
1028 |       "license": "MIT",
1029 |       "dependencies": {
1030 |         "media-typer": "0.3.0",
1031 |         "mime-types": "~2.1.24"
1032 |       },
1033 |       "engines": {
1034 |         "node": ">= 0.6"
1035 |       }
1036 |     },
1037 |     "node_modules/mysql2": {
1038 |       "version": "3.14.3",
1039 |       "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.14.3.tgz",
1040 |       "integrity": "sha512-fD6MLV8XJ1KiNFIF0bS7Msl8eZyhlTDCDl75ajU5SJtpdx9ZPEACulJcqJWr1Y8OYyxsFc4j3+nflpmhxCU5aQ==",
1041 |       "license": "MIT",
1042 |       "dependencies": {
1043 |         "aws-ssl-profiles": "^1.1.1",
1044 |         "denque": "^2.1.0",
1045 |         "generate-function": "^2.3.1",
1046 |         "iconv-lite": "^0.6.3",
1047 |         "long": "^5.2.1",
1048 |         "lru.min": "^1.0.0",
1049 |         "named-placeholders": "^1.1.3",
1050 |         "seq-queue": "^0.0.5",
1051 |         "sqlstring": "^2.3.2"
1052 |       },
1053 |       "engines": {
1054 |         "node": ">= 8.0"
1055 |       }
1056 |     },
1057 |     "node_modules/named-placeholders": {
1058 |       "version": "1.1.3",
1059 |       "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.3.tgz",
1060 |       "integrity": "sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w==",
1061 |       "license": "MIT",
1062 |       "dependencies": {
1063 |         "lru-cache": "^7.14.1"
1064 |       },
1065 |       "engines": {
1066 |         "node": ">=12.0.0"
1067 |       }
1068 |     },
1069 |     "node_modules/negotiator": {
1070 |       "version": "1.0.0",
1071 |       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
1072 |       "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
1073 |       "license": "MIT",
1074 |       "engines": {
1075 |         "node": ">= 0.6"
1076 |       }
1077 |     },
1078 |     "node_modules/node-addon-api": {
1079 |       "version": "8.5.0",
1080 |       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-8.5.0.tgz",
1081 |       "integrity": "sha512-/bRZty2mXUIFY/xU5HLvveNHlswNJej+RnxBjOMkidWfwZzgTbPG1E3K5TOxRLOR+5hX7bSofy8yf1hZevMS8A==",
1082 |       "license": "MIT",
1083 |       "engines": {
1084 |         "node": "^18 || ^20 || >= 21"
1085 |       }
1086 |     },
1087 |     "node_modules/node-gyp-build": {
1088 |       "version": "4.8.4",
1089 |       "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
1090 |       "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
1091 |       "license": "MIT",
1092 |       "bin": {
1093 |         "node-gyp-build": "bin.js",
1094 |         "node-gyp-build-optional": "optional.js",
1095 |         "node-gyp-build-test": "build-test.js"
1096 |       }
1097 |     },
1098 |     "node_modules/nodemon": {
1099 |       "version": "3.1.10",
1100 |       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.10.tgz",
1101 |       "integrity": "sha512-WDjw3pJ0/0jMFmyNDp3gvY2YizjLmmOUQo6DEBY+JgdvW/yQ9mEeSw6H5ythl5Ny2ytb7f9C2nIbjSxMNzbJXw==",
1102 |       "dev": true,
1103 |       "license": "MIT",
1104 |       "dependencies": {
1105 |         "chokidar": "^3.5.2",
1106 |         "debug": "^4",
1107 |         "ignore-by-default": "^1.0.1",
1108 |         "minimatch": "^3.1.2",
1109 |         "pstree.remy": "^1.1.8",
1110 |         "semver": "^7.5.3",
1111 |         "simple-update-notifier": "^2.0.0",
1112 |         "supports-color": "^5.5.0",
1113 |         "touch": "^3.1.0",
1114 |         "undefsafe": "^2.0.5"
1115 |       },
1116 |       "bin": {
1117 |         "nodemon": "bin/nodemon.js"
1118 |       },
1119 |       "engines": {
1120 |         "node": ">=10"
1121 |       },
1122 |       "funding": {
1123 |         "type": "opencollective",
1124 |         "url": "https://opencollective.com/nodemon"
1125 |       }
1126 |     },
1127 |     "node_modules/normalize-path": {
1128 |       "version": "3.0.0",
1129 |       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
1130 |       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
1131 |       "dev": true,
1132 |       "license": "MIT",
1133 |       "engines": {
1134 |         "node": ">=0.10.0"
1135 |       }
1136 |     },
1137 |     "node_modules/object-assign": {
1138 |       "version": "4.1.1",
1139 |       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
1140 |       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
1141 |       "license": "MIT",
1142 |       "engines": {
1143 |         "node": ">=0.10.0"
1144 |       }
1145 |     },
1146 |     "node_modules/object-inspect": {
1147 |       "version": "1.13.4",
1148 |       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
1149 |       "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
1150 |       "license": "MIT",
1151 |       "engines": {
1152 |         "node": ">= 0.4"
1153 |       },
1154 |       "funding": {
1155 |         "url": "https://github.com/sponsors/ljharb"
1156 |       }
1157 |     },
1158 |     "node_modules/on-finished": {
1159 |       "version": "2.4.1",
1160 |       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
1161 |       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
1162 |       "license": "MIT",
1163 |       "dependencies": {
1164 |         "ee-first": "1.1.1"
1165 |       },
1166 |       "engines": {
1167 |         "node": ">= 0.8"
1168 |       }
1169 |     },
1170 |     "node_modules/once": {
1171 |       "version": "1.4.0",
1172 |       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
1173 |       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
1174 |       "license": "ISC",
1175 |       "dependencies": {
1176 |         "wrappy": "1"
1177 |       }
1178 |     },
1179 |     "node_modules/parseurl": {
1180 |       "version": "1.3.3",
1181 |       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
1182 |       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
1183 |       "license": "MIT",
1184 |       "engines": {
1185 |         "node": ">= 0.8"
1186 |       }
1187 |     },
1188 |     "node_modules/path-to-regexp": {
1189 |       "version": "8.2.0",
1190 |       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz",
1191 |       "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
1192 |       "license": "MIT",
1193 |       "engines": {
1194 |         "node": ">=16"
1195 |       }
1196 |     },
1197 |     "node_modules/picomatch": {
1198 |       "version": "2.3.1",
1199 |       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
1200 |       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
1201 |       "dev": true,
1202 |       "license": "MIT",
1203 |       "engines": {
1204 |         "node": ">=8.6"
1205 |       },
1206 |       "funding": {
1207 |         "url": "https://github.com/sponsors/jonschlinkert"
1208 |       }
1209 |     },
1210 |     "node_modules/proxy-addr": {
1211 |       "version": "2.0.7",
1212 |       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
1213 |       "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
1214 |       "license": "MIT",
1215 |       "dependencies": {
1216 |         "forwarded": "0.2.0",
1217 |         "ipaddr.js": "1.9.1"
1218 |       },
1219 |       "engines": {
1220 |         "node": ">= 0.10"
1221 |       }
1222 |     },
1223 |     "node_modules/pstree.remy": {
1224 |       "version": "1.1.8",
1225 |       "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
1226 |       "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
1227 |       "dev": true,
1228 |       "license": "MIT"
1229 |     },
1230 |     "node_modules/qs": {
1231 |       "version": "6.14.0",
1232 |       "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
1233 |       "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
1234 |       "license": "BSD-3-Clause",
1235 |       "dependencies": {
1236 |         "side-channel": "^1.1.0"
1237 |       },
1238 |       "engines": {
1239 |         "node": ">=0.6"
1240 |       },
1241 |       "funding": {
1242 |         "url": "https://github.com/sponsors/ljharb"
1243 |       }
1244 |     },
1245 |     "node_modules/range-parser": {
1246 |       "version": "1.2.1",
1247 |       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
1248 |       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
1249 |       "license": "MIT",
1250 |       "engines": {
1251 |         "node": ">= 0.6"
1252 |       }
1253 |     },
1254 |     "node_modules/raw-body": {
1255 |       "version": "3.0.0",
1256 |       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz",
1257 |       "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==",
1258 |       "license": "MIT",
1259 |       "dependencies": {
1260 |         "bytes": "3.1.2",
1261 |         "http-errors": "2.0.0",
1262 |         "iconv-lite": "0.6.3",
1263 |         "unpipe": "1.0.0"
1264 |       },
1265 |       "engines": {
1266 |         "node": ">= 0.8"
1267 |       }
1268 |     },
1269 |     "node_modules/readable-stream": {
1270 |       "version": "3.6.2",
1271 |       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
1272 |       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
1273 |       "license": "MIT",
1274 |       "dependencies": {
1275 |         "inherits": "^2.0.3",
1276 |         "string_decoder": "^1.1.1",
1277 |         "util-deprecate": "^1.0.1"
1278 |       },
1279 |       "engines": {
1280 |         "node": ">= 6"
1281 |       }
1282 |     },
1283 |     "node_modules/readdirp": {
1284 |       "version": "3.6.0",
1285 |       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
1286 |       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
1287 |       "dev": true,
1288 |       "license": "MIT",
1289 |       "dependencies": {
1290 |         "picomatch": "^2.2.1"
1291 |       },
1292 |       "engines": {
1293 |         "node": ">=8.10.0"
1294 |       }
1295 |     },
1296 |     "node_modules/router": {
1297 |       "version": "2.2.0",
1298 |       "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
1299 |       "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
1300 |       "license": "MIT",
1301 |       "dependencies": {
1302 |         "debug": "^4.4.0",
1303 |         "depd": "^2.0.0",
1304 |         "is-promise": "^4.0.0",
1305 |         "parseurl": "^1.3.3",
1306 |         "path-to-regexp": "^8.0.0"
1307 |       },
1308 |       "engines": {
1309 |         "node": ">= 18"
1310 |       }
1311 |     },
1312 |     "node_modules/safe-buffer": {
1313 |       "version": "5.2.1",
1314 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
1315 |       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
1316 |       "funding": [
1317 |         {
1318 |           "type": "github",
1319 |           "url": "https://github.com/sponsors/feross"
1320 |         },
1321 |         {
1322 |           "type": "patreon",
1323 |           "url": "https://www.patreon.com/feross"
1324 |         },
1325 |         {
1326 |           "type": "consulting",
1327 |           "url": "https://feross.org/support"
1328 |         }
1329 |       ],
1330 |       "license": "MIT"
1331 |     },
1332 |     "node_modules/safer-buffer": {
1333 |       "version": "2.1.2",
1334 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
1335 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
1336 |       "license": "MIT"
1337 |     },
1338 |     "node_modules/semver": {
1339 |       "version": "7.7.2",
1340 |       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
1341 |       "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
1342 |       "license": "ISC",
1343 |       "bin": {
1344 |         "semver": "bin/semver.js"
1345 |       },
1346 |       "engines": {
1347 |         "node": ">=10"
1348 |       }
1349 |     },
1350 |     "node_modules/send": {
1351 |       "version": "1.2.0",
1352 |       "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
1353 |       "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
1354 |       "license": "MIT",
1355 |       "dependencies": {
1356 |         "debug": "^4.3.5",
1357 |         "encodeurl": "^2.0.0",
1358 |         "escape-html": "^1.0.3",
1359 |         "etag": "^1.8.1",
1360 |         "fresh": "^2.0.0",
1361 |         "http-errors": "^2.0.0",
1362 |         "mime-types": "^3.0.1",
1363 |         "ms": "^2.1.3",
1364 |         "on-finished": "^2.4.1",
1365 |         "range-parser": "^1.2.1",
1366 |         "statuses": "^2.0.1"
1367 |       },
1368 |       "engines": {
1369 |         "node": ">= 18"
1370 |       }
1371 |     },
1372 |     "node_modules/seq-queue": {
1373 |       "version": "0.0.5",
1374 |       "resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz",
1375 |       "integrity": "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="
1376 |     },
1377 |     "node_modules/serve-static": {
1378 |       "version": "2.2.0",
1379 |       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
1380 |       "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
1381 |       "license": "MIT",
1382 |       "dependencies": {
1383 |         "encodeurl": "^2.0.0",
1384 |         "escape-html": "^1.0.3",
1385 |         "parseurl": "^1.3.3",
1386 |         "send": "^1.2.0"
1387 |       },
1388 |       "engines": {
1389 |         "node": ">= 18"
1390 |       }
1391 |     },
1392 |     "node_modules/setprototypeof": {
1393 |       "version": "1.2.0",
1394 |       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
1395 |       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
1396 |       "license": "ISC"
1397 |     },
1398 |     "node_modules/side-channel": {
1399 |       "version": "1.1.0",
1400 |       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
1401 |       "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
1402 |       "license": "MIT",
1403 |       "dependencies": {
1404 |         "es-errors": "^1.3.0",
1405 |         "object-inspect": "^1.13.3",
1406 |         "side-channel-list": "^1.0.0",
1407 |         "side-channel-map": "^1.0.1",
1408 |         "side-channel-weakmap": "^1.0.2"
1409 |       },
1410 |       "engines": {
1411 |         "node": ">= 0.4"
1412 |       },
1413 |       "funding": {
1414 |         "url": "https://github.com/sponsors/ljharb"
1415 |       }
1416 |     },
1417 |     "node_modules/side-channel-list": {
1418 |       "version": "1.0.0",
1419 |       "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
1420 |       "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
1421 |       "license": "MIT",
1422 |       "dependencies": {
1423 |         "es-errors": "^1.3.0",
1424 |         "object-inspect": "^1.13.3"
1425 |       },
1426 |       "engines": {
1427 |         "node": ">= 0.4"
1428 |       },
1429 |       "funding": {
1430 |         "url": "https://github.com/sponsors/ljharb"
1431 |       }
1432 |     },
1433 |     "node_modules/side-channel-map": {
1434 |       "version": "1.0.1",
1435 |       "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
1436 |       "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
1437 |       "license": "MIT",
1438 |       "dependencies": {
1439 |         "call-bound": "^1.0.2",
1440 |         "es-errors": "^1.3.0",
1441 |         "get-intrinsic": "^1.2.5",
1442 |         "object-inspect": "^1.13.3"
1443 |       },
1444 |       "engines": {
1445 |         "node": ">= 0.4"
1446 |       },
1447 |       "funding": {
1448 |         "url": "https://github.com/sponsors/ljharb"
1449 |       }
1450 |     },
1451 |     "node_modules/side-channel-weakmap": {
1452 |       "version": "1.0.2",
1453 |       "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
1454 |       "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
1455 |       "license": "MIT",
1456 |       "dependencies": {
1457 |         "call-bound": "^1.0.2",
1458 |         "es-errors": "^1.3.0",
1459 |         "get-intrinsic": "^1.2.5",
1460 |         "object-inspect": "^1.13.3",
1461 |         "side-channel-map": "^1.0.1"
1462 |       },
1463 |       "engines": {
1464 |         "node": ">= 0.4"
1465 |       },
1466 |       "funding": {
1467 |         "url": "https://github.com/sponsors/ljharb"
1468 |       }
1469 |     },
1470 |     "node_modules/simple-update-notifier": {
1471 |       "version": "2.0.0",
1472 |       "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
1473 |       "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
1474 |       "dev": true,
1475 |       "license": "MIT",
1476 |       "dependencies": {
1477 |         "semver": "^7.5.3"
1478 |       },
1479 |       "engines": {
1480 |         "node": ">=10"
1481 |       }
1482 |     },
1483 |     "node_modules/sqlstring": {
1484 |       "version": "2.3.3",
1485 |       "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz",
1486 |       "integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==",
1487 |       "license": "MIT",
1488 |       "engines": {
1489 |         "node": ">= 0.6"
1490 |       }
1491 |     },
1492 |     "node_modules/statuses": {
1493 |       "version": "2.0.2",
1494 |       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
1495 |       "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
1496 |       "license": "MIT",
1497 |       "engines": {
1498 |         "node": ">= 0.8"
1499 |       }
1500 |     },
1501 |     "node_modules/streamsearch": {
1502 |       "version": "1.1.0",
1503 |       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
1504 |       "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
1505 |       "engines": {
1506 |         "node": ">=10.0.0"
1507 |       }
1508 |     },
1509 |     "node_modules/string_decoder": {
1510 |       "version": "1.3.0",
1511 |       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
1512 |       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
1513 |       "license": "MIT",
1514 |       "dependencies": {
1515 |         "safe-buffer": "~5.2.0"
1516 |       }
1517 |     },
1518 |     "node_modules/supports-color": {
1519 |       "version": "5.5.0",
1520 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
1521 |       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
1522 |       "dev": true,
1523 |       "license": "MIT",
1524 |       "dependencies": {
1525 |         "has-flag": "^3.0.0"
1526 |       },
1527 |       "engines": {
1528 |         "node": ">=4"
1529 |       }
1530 |     },
1531 |     "node_modules/to-regex-range": {
1532 |       "version": "5.0.1",
1533 |       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
1534 |       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
1535 |       "dev": true,
1536 |       "license": "MIT",
1537 |       "dependencies": {
1538 |         "is-number": "^7.0.0"
1539 |       },
1540 |       "engines": {
1541 |         "node": ">=8.0"
1542 |       }
1543 |     },
1544 |     "node_modules/toidentifier": {
1545 |       "version": "1.0.1",
1546 |       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
1547 |       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
1548 |       "license": "MIT",
1549 |       "engines": {
1550 |         "node": ">=0.6"
1551 |       }
1552 |     },
1553 |     "node_modules/touch": {
1554 |       "version": "3.1.1",
1555 |       "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
1556 |       "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
1557 |       "dev": true,
1558 |       "license": "ISC",
1559 |       "bin": {
1560 |         "nodetouch": "bin/nodetouch.js"
1561 |       }
1562 |     },
1563 |     "node_modules/type-is": {
1564 |       "version": "2.0.1",
1565 |       "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
1566 |       "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
1567 |       "license": "MIT",
1568 |       "dependencies": {
1569 |         "content-type": "^1.0.5",
1570 |         "media-typer": "^1.1.0",
1571 |         "mime-types": "^3.0.0"
1572 |       },
1573 |       "engines": {
1574 |         "node": ">= 0.6"
1575 |       }
1576 |     },
1577 |     "node_modules/typedarray": {
1578 |       "version": "0.0.6",
1579 |       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
1580 |       "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
1581 |       "license": "MIT"
1582 |     },
1583 |     "node_modules/undefsafe": {
1584 |       "version": "2.0.5",
1585 |       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
1586 |       "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
1587 |       "dev": true,
1588 |       "license": "MIT"
1589 |     },
1590 |     "node_modules/unpipe": {
1591 |       "version": "1.0.0",
1592 |       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
1593 |       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
1594 |       "license": "MIT",
1595 |       "engines": {
1596 |         "node": ">= 0.8"
1597 |       }
1598 |     },
1599 |     "node_modules/util-deprecate": {
1600 |       "version": "1.0.2",
1601 |       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
1602 |       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
1603 |       "license": "MIT"
1604 |     },
1605 |     "node_modules/vary": {
1606 |       "version": "1.1.2",
1607 |       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
1608 |       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
1609 |       "license": "MIT",
1610 |       "engines": {
1611 |         "node": ">= 0.8"
1612 |       }
1613 |     },
1614 |     "node_modules/wrappy": {
1615 |       "version": "1.0.2",
1616 |       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
1617 |       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
1618 |       "license": "ISC"
1619 |     },
1620 |     "node_modules/xtend": {
1621 |       "version": "4.0.2",
1622 |       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
1623 |       "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
1624 |       "license": "MIT",
1625 |       "engines": {
1626 |         "node": ">=0.4"
1627 |       }
1628 |     }
1629 |   }
1630 | }
1631 | 


--------------------------------------------------------------------------------