Internship Management App

/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; // Utility for generating unique IDs const generateId = () => Math.random().toString(36).substring(2, 15); // CSS Definition (moved before server function) const css = ` body { font-family: 'Arial', sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f4f4f4; } .login-form, .register-form, .dashboard { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } input, select, textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; } button { background-color: #007bff; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; } .internship-card { background: #f9f9f9; border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 10px; border-radius: 4px; } `; // Simple password hashing (for demonstration - use proper hashing in production) function hashPassword(password: string): string { let hash = 0; for (let i = 0; i < password.length; i++) { const char = password.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32-bit integer } return Math.abs(hash).toString(); } // Rest of the existing frontend code remains the same... export default async function server(request: Request): Promise { const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite"); const KEY = new URL(import.meta.url).pathname.split("/").at(-1); const SCHEMA_VERSION = 4; // Increment to reset database // Create necessary tables await sqlite.execute(` CREATE TABLE IF NOT EXISTS ${KEY}_users_${SCHEMA_VERSION} ( id TEXT PRIMARY KEY, name TEXT NOT NULL, email TEXT UNIQUE NOT NULL, password TEXT NOT NULL, role TEXT NOT NULL, skills TEXT ) `); await sqlite.execute(` CREATE TABLE IF NOT EXISTS ${KEY}_internships_${SCHEMA_VERSION} ( id TEXT PRIMARY KEY, title TEXT NOT NULL, company TEXT NOT NULL, description TEXT, requirements TEXT, created_by TEXT, created_at DATETIME DEFAULT CURRENT_TIMESTAMP ) `); // Predefined Users const employers = [ { id: generateId(), name: "Sarah Johnson", email: "sarah.johnson@techcorp.com", password: "Employer1Pass", role: "employer" }, { id: generateId(), name: "Michael Chen", email: "michael.chen@innovatesolutions.com", password: "Employer2Pass", role: "employer" }, { id: generateId(), name: "Emily Rodriguez", email: "emily.rodriguez@globaltech.com", password: "Employer3Pass", role: "employer" }, { id: generateId(), name: "David Kim", email: "david.kim@startupventures.com", password: "Employer4Pass", role: "employer" }, { id: generateId(), name: "Rachel Green", email: "rachel.green@enterprisetech.com", password: "Employer5Pass", role: "employer" } ]; const interns = [ { id: generateId(), name: "Alex Wong", email: "alex.wong@student.edu", password: "Intern1Pass", role: "intern", skills: "Machine Learning, Python, TensorFlow" }, { id: generateId(), name: "Emma Thompson", email: "emma.thompson@student.edu", password: "Intern2Pass", role: "intern", skills: "Web Development, React, Node.js" }, { id: generateId(), name: "Carlos Mendez", email: "carlos.mendez@student.edu", password: "Intern3Pass", role: "intern", skills: "Cybersecurity, Network Administration, Linux" }, { id: generateId(), name: "Sophia Lee", email: "sophia.lee@student.edu", password: "Intern4Pass", role: "intern", skills: "Data Science, R, Statistical Analysis" }, { id: generateId(), name: "Jason Miller", email: "jason.miller@student.edu", password: "Intern5Pass", role: "intern", skills: "Mobile App Development, Swift, Kotlin" }, { id: generateId(), name: "Olivia Chen", email: "olivia.chen@student.edu", password: "Intern6Pass", role: "intern", skills: "Cloud Computing, AWS, Docker" }, { id: generateId(), name: "Ryan Garcia", email: "ryan.garcia@student.edu", password: "Intern7Pass", role: "intern", skills: "Backend Development, Java, Spring Boot" }, { id: generateId(), name: "Lila Patel", email: "lila.patel@student.edu", password: "Intern8Pass", role: "intern", skills: "UI/UX Design, Figma, Adobe XD" }, { id: generateId(), name: "Kevin Zhang", email: "kevin.zhang@student.edu", password: "Intern9Pass", role: "intern", skills: "Blockchain, Solidity, Smart Contracts" }, { id: generateId(), name: "Anna Kowalski", email: "anna.kowalski@student.edu", password: "Intern10Pass", role: "intern", skills: "Computer Vision, OpenCV, Deep Learning" } ]; const admins = [ { id: generateId(), name: "System Administrator", email: "admin1@internshipapp.com", password: "Admin1Pass", role: "admin" }, { id: generateId(), name: "Chief Technology Officer", email: "admin2@internshipapp.com", password: "Admin2Pass", role: "admin" } ]; // Combine and insert all users const allUsers = [...employers, ...interns, ...admins]; // Insert predefined users for (const user of allUsers) { try { await sqlite.execute(` INSERT OR REPLACE INTO ${KEY}_users_${SCHEMA_VERSION} (id, name, email, password, role, skills) VALUES (?, ?, ?, ?, ?, ?) `, [ user.id, user.name, user.email, hashPassword(user.password), user.role, (user as any).skills || null ]); } catch (error) { console.error(`Error inserting user ${user.email}:`, error); } } // Login handling if (request.method === 'POST') { const body = await request.json(); if (request.url.includes('/login')) { const user = allUsers.find(u => u.email === body.email && hashPassword(body.password) === hashPassword(u.password) ); if (user) { return new Response(JSON.stringify({ success: true, user: { id: user.id, name: user.name, email: user.email, role: user.role } }), { headers: { 'Content-Type': 'application/json' } }); } return new Response(JSON.stringify({ success: false, message: "Invalid credentials" }), { status: 401, headers: { 'Content-Type': 'application/json' } }); } } // Return HTML response return new Response(` Internship Management App

`, { headers: { 'Content-Type': 'text/html' } }); } // Rest of the existing code remains unchanged

usefulGreenPenguin