\n );\n }\n\n if (viewMode === 'login') {\n return ;\n }\n\n return (\n

\n {/* Navigation */}\n

\n 🗳️ Voting System\n

\n \n

\n {user && (\n <>\n \n Welcome, {user.username}\n {user.is_admin && (\n \n Admin\n \n )}\n \n \n Logout\n \n \n )}\n

\n\n {/* Main Content */}\n

\n {error && (\n

{error}

\n \n

\n )}\n\n {viewMode === 'polls' && (\n \n )}\n\n {viewMode === 'detail' && currentPoll && (\n handleViewResults(currentPoll)}\n />\n )}\n\n {viewMode === 'create' && (\n \n )}\n\n {viewMode === 'results' && currentPoll && (\n \n )}\n

\n );\n}",[],[243,249,255],{"_102":262,"_95":263,"_154":264,"_156":250,"_157":136,"_158":135,"_159":160,"_104":265,"_99":32,"_162":180,"_164":266,"_165":22,"_166":-5,"_167":267,"_98":268},"8534ff86-4074-11f0-9433-76b3cceeab13","Login.tsx","a3ac182d-0a43-444e-b567-fb2ad500c350",["D",1748952964333],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User, LoginRequest, RegisterRequest, ApiResponse } from \"../../shared/types.ts\";\nimport { isValidEmail, isValidUsername, isValidPassword } from \"../../shared/utils.ts\";\n\ninterface LoginProps {\n onLogin: (user: User) => void;\n}\n\nexport default function Login({ onLogin }: LoginProps) {\n const [isRegistering, setIsRegistering] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [formData, setFormData] = useState({\n username: '',\n email: '',\n password: '',\n confirmPassword: ''\n });\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n setError(null);\n };\n\n const validateForm = (): string | null => {\n if (!formData.username || !formData.password) {\n return 'Username and password are required';\n }\n\n if (!isValidUsername(formData.username)) {\n return 'Username must be 3-20 characters, alphanumeric and underscores only';\n }\n\n if (!isValidPassword(formData.password)) {\n return 'Password must be at least 6 characters';\n }\n\n if (isRegistering) {\n if (!formData.email) {\n return 'Email is required for registration';\n }\n\n if (!isValidEmail(formData.email)) {\n return 'Invalid email format';\n }\n\n if (formData.password !== formData.confirmPassword) {\n return 'Passwords do not match';\n }\n }\n\n return null;\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n const validationError = validateForm();\n if (validationError) {\n setError(validationError);\n return;\n }\n\n setLoading(true);\n setError(null);\n\n try {\n const endpoint = isRegistering ? '/api/auth/register' : '/api/auth/login';\n const payload: LoginRequest | RegisterRequest = isRegistering\n ? {\n username: formData.username,\n email: formData.email,\n password: formData.password\n }\n : {\n username: formData.username,\n password: formData.password\n };\n\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(payload),\n });\n\n const data: ApiResponse = await response.json();\n\n if (data.success && data.data) {\n onLogin(data.data);\n } else {\n setError(data.error || 'Authentication failed');\n }\n } catch (error) {\n console.error('Auth error:', error);\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const toggleMode = () => {\n setIsRegistering(!isRegistering);\n setError(null);\n setFormData({\n username: '',\n email: '',\n password: '',\n confirmPassword: ''\n });\n };\n\n return (\n

\n 🗳️ Voting System\n

\n {isRegistering ? 'Create your account' : 'Sign in to your account'}\n

\n\n

\n \n Username\n \n \n

\n\n {isRegistering && (\n

\n \n Email\n \n \n

\n )}\n\n

\n \n Password\n \n \n

\n\n {isRegistering && (\n

\n \n Confirm Password\n \n \n

\n )}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n {loading ? (\n

\n {isRegistering ? 'Creating Account...' : 'Signing In...'}\n

\n ) : (\n isRegistering ? 'Create Account' : 'Sign In'\n )}\n \n

\n\n

\n \n {isRegistering \n ? 'Already have an account? Sign in' \n : \"Don't have an account? Create one\"\n }\n \n

\n\n

Demo credentials:

Username: demo | Password: demo123

(Create this account first by registering)

\n );\n}",[],[243,249,263],{"_102":270,"_95":271,"_154":272,"_156":250,"_157":136,"_158":135,"_159":160,"_104":273,"_99":32,"_162":180,"_164":274,"_165":22,"_166":-5,"_167":275,"_98":276},"853506e8-4074-11f0-9433-76b3cceeab13","PollDetail.tsx","bd45f2ac-9aeb-46ba-a396-dd229f589fb2",["D",1748952964333],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Poll, VoteRequest, ApiResponse } from \"../../shared/types.ts\";\nimport { formatDate, isPollActive } from \"../../shared/utils.ts\";\n\ninterface PollDetailProps {\n poll: Poll;\n onBack: () => void;\n onVoteCast: () => void;\n onViewResults: () => void;\n}\n\nexport default function PollDetail({ poll, onBack, onVoteCast, onViewResults }: PollDetailProps) {\n const [selectedOptionId, setSelectedOptionId] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n\n const isActive = isPollActive(poll);\n const canVote = isActive && !poll.user_has_voted;\n\n const handleVote = async () => {\n if (!selectedOptionId) {\n setError('Please select an option');\n return;\n }\n\n setLoading(true);\n setError(null);\n\n try {\n const voteData: VoteRequest = {\n poll_id: poll.id,\n option_id: selectedOptionId\n };\n\n const response = await fetch('/api/votes', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(voteData),\n });\n\n const data: ApiResponse = await response.json();\n\n if (data.success) {\n setSuccess('Your vote has been cast successfully!');\n setTimeout(() => {\n onVoteCast();\n }, 1500);\n } else {\n setError(data.error || 'Failed to cast vote');\n }\n } catch (error) {\n console.error('Vote error:', error);\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const getStatusInfo = () => {\n if (!poll.is_active) {\n return {\n status: 'Inactive',\n color: 'text-gray-600',\n bgColor: 'bg-gray-100',\n message: 'This poll is currently inactive.'\n };\n }\n\n if (isPollActive(poll)) {\n return {\n status: 'Active',\n color: 'text-green-600',\n bgColor: 'bg-green-100',\n message: 'This poll is currently accepting votes.'\n };\n } else {\n return {\n status: 'Ended',\n color: 'text-red-600',\n bgColor: 'bg-red-100',\n message: 'This poll has ended.'\n };\n }\n };\n\n const statusInfo = getStatusInfo();\n\n return (\n

\n {/* Header */}\n

\n \n ← Back to Polls\n \n \n

{poll.title}

Created by {poll.creator_username}

\n\n \n 📊 View Results\n \n

\n\n {/* Poll Info Card */}\n

Poll Information

{poll.description}

\n \n \n {statusInfo.status}\n \n

\n\n

\n Start Date:\n

{formatDate(poll.start_date)}

\n \n

\n End Date:\n

{formatDate(poll.end_date)}

\n \n

\n Total Votes:\n

{poll.total_votes || 0}

\n\n

\n {statusInfo.message}\n

\n\n {/* Voting Section */}\n

\n {canVote ? 'Cast Your Vote' : poll.user_has_voted ? 'You Have Voted' : 'Voting Options'}\n

\n\n {poll.user_has_voted && (\n

\n ✓ You have already voted on this poll. You can view the results to see how others voted.\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n\n {success && (\n

\n {success}\n

\n )}\n\n

\n {poll.options.map((option) => (\n canVote && setSelectedOptionId(option.id)}\n >\n

\n {canVote && (\n setSelectedOptionId(option.id)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300\"\n />\n )}\n {option.option_text}\n

\n \n

\n {option.vote_count} {option.vote_count === 1 ? 'vote' : 'votes'}\n

\n ))}\n

\n\n {canVote && (\n

\n \n {loading ? (\n

\n Casting Vote...\n

\n ) : (\n 'Cast Vote'\n )}\n \n

\n )}\n\n {!canVote && !poll.user_has_voted && (\n

\n {!isActive ? 'This poll is not currently active.' : 'Voting has ended for this poll.'}\n

\n \n View Results\n \n

\n )}\n

\n \n );\n}",[],[243,249,271],{"_102":278,"_95":279,"_154":280,"_156":250,"_157":136,"_158":135,"_159":160,"_104":281,"_99":32,"_162":180,"_164":282,"_165":22,"_166":-5,"_167":283,"_98":284},"85350e5e-4074-11f0-9433-76b3cceeab13","PollList.tsx","142bf450-b702-40f6-8d5c-891820f972fd",["D",1748952964333],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Poll, User } from \"../../shared/types.ts\";\nimport { formatDate, isPollActive } from \"../../shared/utils.ts\";\n\ninterface PollListProps {\n polls: Poll[];\n onPollSelect: (poll: Poll) => void;\n onCreatePoll: () => void;\n onViewResults: (poll: Poll) => void;\n user: User | null;\n}\n\nexport default function PollList({ \n polls, \n onPollSelect, \n onCreatePoll, \n onViewResults, \n user \n}: PollListProps) {\n const getStatusBadge = (poll: Poll) => {\n if (!poll.is_active) {\n return Inactive;\n }\n \n if (isPollActive(poll)) {\n return Active;\n } else {\n return Ended;\n }\n };\n\n const getActionButton = (poll: Poll) => {\n if (!isPollActive(poll)) {\n return (\n {\n e.stopPropagation();\n onViewResults(poll);\n }}\n className=\"btn-secondary text-sm\"\n >\n View Results\n \n );\n }\n\n if (poll.user_has_voted) {\n return (\n

\n ✓ Voted\n {\n e.stopPropagation();\n onViewResults(poll);\n }}\n className=\"btn-secondary text-sm\"\n >\n View Results\n \n

\n );\n }\n\n return (\n {\n e.stopPropagation();\n onPollSelect(poll);\n }}\n className=\"btn-primary text-sm\"\n >\n Vote Now\n \n );\n };\n\n return (\n

\n {/* Header */}\n

Polls

\n {polls.length} {polls.length === 1 ? 'poll' : 'polls'} available\n

\n \n \n ➕ Create Poll\n \n

\n\n {/* Polls Grid */}\n {polls.length === 0 ? (\n

🗳️

No polls yet

Be the first to create a poll!

\n \n Create Your First Poll\n \n

\n ) : (\n

\n {polls.map((poll) => (\n onPollSelect(poll)}\n >\n

\n {poll.title}\n

\n {getStatusBadge(poll)}\n

\n\n

\n {poll.description}\n

\n\n

\n Created by:\n {poll.creator_username}\n

\n \n

\n Options:\n {poll.options?.length || 0}\n

\n \n

\n Total votes:\n {poll.total_votes || 0}\n

\n\n

\n Ends:\n {formatDate(poll.end_date)}\n

\n\n

\n {getActionButton(poll)}\n \n {user && (poll.creator_id === user.id || user.is_admin) && (\n \n You created this\n \n )}\n

\n ))}\n

\n )}\n\n {/* Quick Stats */}\n {polls.length > 0 && (\n

Quick Stats

\n {polls.filter(p => isPollActive(p)).length}\n

Active Polls

\n \n

\n {polls.filter(p => p.user_has_voted).length}\n

You Voted

\n \n

\n {polls.reduce((sum, p) => sum + (p.total_votes || 0), 0)}\n

Total Votes

\n \n

\n {user ? polls.filter(p => p.creator_id === user.id).length : 0}\n

Your Polls

\n )}\n \n );\n}",[],[243,249,279],[243,249],{"_102":287,"_95":288,"_154":289,"_156":244,"_157":136,"_158":135,"_159":160,"_104":290,"_99":32,"_162":291,"_164":292,"_165":22,"_166":-5,"_167":293,"_98":294},"85351566-4074-11f0-9433-76b3cceeab13","index.html","ef952c30-9acc-4721-8f48-5de67825ff88",["D",1748952964333],"file","\n\n\n \n \n Online Voting System\n \n \n \n \n\n\n

\n \n \n\n",[],[243,288],{"_102":296,"_95":297,"_154":298,"_156":244,"_157":136,"_158":135,"_159":160,"_104":299,"_99":32,"_162":180,"_164":300,"_165":22,"_166":-5,"_167":301,"_98":302},"853516ce-4074-11f0-9433-76b3cceeab13","index.tsx","69b43474-97be-4a4e-b4a2-3ee8e0db3496",["D",1748952964333],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[243,297],{"_102":304,"_95":305,"_154":306,"_156":244,"_157":136,"_158":135,"_159":160,"_104":307,"_99":32,"_162":291,"_164":308,"_165":22,"_166":-5,"_167":309,"_98":310},"85351c50-4074-11f0-9433-76b3cceeab13","style.css","6e25fe71-4cc3-45b2-8a65-35121e75b85f",["D",1748952964333],"/* Custom styles for the voting system */\n\n.btn-primary {\n @apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-secondary {\n @apply bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-danger {\n @apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.btn-success {\n @apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;\n}\n\n.input-field {\n @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;\n}\n\n.card {\n @apply bg-white rounded-lg shadow-md p-6 border border-gray-200;\n}\n\n.poll-card {\n @apply bg-white rounded-lg shadow-md p-6 border border-gray-200 hover:shadow-lg transition-shadow duration-200 cursor-pointer;\n}\n\n.poll-card:hover {\n transform: translateY(-2px);\n}\n\n.status-badge {\n @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;\n}\n\n.status-active {\n @apply bg-green-100 text-green-800;\n}\n\n.status-inactive {\n @apply bg-gray-100 text-gray-800;\n}\n\n.status-ended {\n @apply bg-red-100 text-red-800;\n}\n\n.progress-bar-container {\n @apply w-full bg-gray-200 rounded-full h-2.5;\n}\n\n.progress-bar {\n @apply bg-blue-600 h-2.5 rounded-full transition-all duration-300 ease-out;\n}\n\n.vote-option-card {\n @apply border-2 border-gray-200 rounded-lg p-4 cursor-pointer transition-all duration-200 hover:border-blue-300 hover:bg-blue-50;\n}\n\n.vote-option-selected {\n @apply border-blue-500 bg-blue-50;\n}\n\n.vote-option-disabled {\n @apply cursor-not-allowed opacity-60;\n}\n\n.result-option {\n @apply bg-white border border-gray-200 rounded-lg p-4 mb-3;\n}\n\n.navbar {\n @apply bg-white shadow-sm border-b border-gray-200;\n}\n\n.error-message {\n @apply bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg;\n}\n\n.success-message {\n @apply bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg;\n}\n\n.loading-spinner {\n @apply animate-spin rounded-full border-b-2 border-current;\n}",[],[243,305],[243],{"_102":313,"_95":314,"_154":315,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":316,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":317,"_98":334},"85352696-4074-11f0-9433-76b3cceeab13","shared","21e88f1c-0284-4667-87cd-d11580e6bba8",["D",1748952964333],[318,326],{"_102":319,"_95":320,"_154":321,"_156":315,"_157":136,"_158":135,"_159":160,"_104":322,"_99":32,"_162":180,"_164":323,"_165":22,"_166":-5,"_167":324,"_98":325},"853521be-4074-11f0-9433-76b3cceeab13","types.ts","5f45dcd0-3720-43a4-9f77-971ba60dd824",["D",1748952964333],"// Shared TypeScript types for the voting system\n\nexport interface User {\n id: number;\n username: string;\n email: string;\n is_admin: boolean;\n created_at: string;\n}\n\nexport interface Poll {\n id: number;\n title: string;\n description: string;\n creator_id: number;\n creator_username?: string;\n start_date: string;\n end_date: string;\n is_active: boolean;\n created_at: string;\n options: PollOption[];\n user_has_voted?: boolean;\n total_votes?: number;\n}\n\nexport interface PollOption {\n id: number;\n poll_id: number;\n option_text: string;\n vote_count: number;\n}\n\nexport interface Vote {\n id: number;\n poll_id: number;\n user_id: number;\n option_id: number;\n voted_at: string;\n}\n\nexport interface CreatePollRequest {\n title: string;\n description: string;\n options: string[];\n start_date: string;\n end_date: string;\n}\n\nexport interface LoginRequest {\n username: string;\n password: string;\n}\n\nexport interface RegisterRequest {\n username: string;\n email: string;\n password: string;\n}\n\nexport interface VoteRequest {\n poll_id: number;\n option_id: number;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport interface PollResults {\n poll: Poll;\n options: Array;\n total_votes: number;\n}\n\n// Frontend state types\nexport interface AppState {\n user: User | null;\n polls: Poll[];\n currentPoll: Poll | null;\n loading: boolean;\n error: string | null;\n}\n\nexport type ViewMode = 'polls' | 'create' | 'detail' | 'results' | 'login';",[],[314,320],{"_102":327,"_95":328,"_154":329,"_156":315,"_157":136,"_158":135,"_159":160,"_104":330,"_99":32,"_162":180,"_164":331,"_165":22,"_166":-5,"_167":332,"_98":333},"853524f2-4074-11f0-9433-76b3cceeab13","utils.ts","398daab6-2c24-4e3d-8013-624d66790907",["D",1748952964333],"// Shared utility functions\n\nexport function formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n}\n\nexport function isValidEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function isValidUsername(username: string): boolean {\n // Username must be 3-20 characters, alphanumeric and underscores only\n const usernameRegex = /^[a-zA-Z0-9_]{3,20}$/;\n return usernameRegex.test(username);\n}\n\nexport function isValidPassword(password: string): boolean {\n // Password must be at least 6 characters\n return password.length >= 6;\n}\n\nexport function isPollActive(poll: { start_date: string; end_date: string; is_active: boolean }): boolean {\n if (!poll.is_active) return false;\n \n const now = new Date();\n const startDate = new Date(poll.start_date);\n const endDate = new Date(poll.end_date);\n \n return now >= startDate && now <= endDate;\n}\n\nexport function calculatePercentage(votes: number, total: number): number {\n if (total === 0) return 0;\n return Math.round((votes / total) * 100);\n}\n\nexport function sanitizeInput(input: string): string {\n return input.trim().replace(/[<>]/g, '');\n}\n\nexport function generateId(): string {\n return Math.random().toString(36).substr(2, 9);\n}\n\nexport function debounce any>(\n func: T,\n wait: number\n): (...args: Parameters) => void {\n let timeout: number | undefined;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n}",[],[314,328],[314],{"_102":336,"_95":337,"_154":338,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":339,"_99":32,"_162":180,"_164":340,"_165":22,"_166":-5,"_167":341,"_98":342},"85352826-4074-11f0-9433-76b3cceeab13","01_script.tsx","4c209099-0b2a-4960-9a84-a68482ba6c08",["D",1748952964333],"// This script returns a random fun fact\n// You can run scripts manually in this view or call it from other vals.\nexport default function getRandomFact() {\n const funFacts = [\n \"Honey never spoils.\",\n \"Bananas are actually berries, but strawberries are not.\",\n \"Val Town has a citizen Juicy Bear. 🐻\",\n ];\n const fact = funFacts[Math.floor(Math.random() * funFacts.length)];\n return fact;\n}\nconsole.log(\"Fun fact:\", getRandomFact());\n",[],[337],{"_102":344,"_95":345,"_154":346,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":347,"_99":32,"_162":348,"_164":349,"_165":22,"_166":-5,"_167":350,"_98":351},"853529ac-4074-11f0-9433-76b3cceeab13","02_http.tsx","7e2b8b5b-9689-454c-906d-7ce5a4174bd2",["D",1748952964333],"http","// This code responds to HTTP web requests.\n// Access it via its public URL (you can also pick a nicer subdomain).\n// Try adding ?name=YourName to the URL!\nexport default function httpHandler(req: Request): Response {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\") || \"Friend\";\n console.log(`Greeted ${name} via HTTP`);\n return new Response(`Hello, ${name}! Welcome to Val Town.`);\n}",[],[345],{"_102":353,"_95":354,"_154":355,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":356,"_99":32,"_162":357,"_164":358,"_165":22,"_166":-5,"_167":359,"_98":360},"85352b46-4074-11f0-9433-76b3cceeab13","04_email.tsx","774c2e0b-6d3e-4a71-9453-8fd0cbcb2888",["D",1748952964333],"email","// This code is triggered when an email is sent to its unique address.\n// Click \"Run\", copy and paste the email address and send an email to it.\n// This example will log the email details received.\nexport default async function emailHandler(email: Email){\n console.log(\"Email received!\", email.from, email.subject, email.text);\n for (const file of email.attachments) {\n console.log(`Filename: ${file.name}`);\n console.log(`Content Type: ${file.type}`);\n console.log(`Content: ${await file.text()}`);\n }\n}",[],[354],{"_102":362,"_95":363,"_154":364,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":365,"_99":32,"_162":291,"_164":366,"_165":22,"_166":-5,"_167":367,"_98":368},"85352ce0-4074-11f0-9433-76b3cceeab13","README.md","c40a029f-1045-4f75-83b2-22914e6d3e13",["D",1748952964333],"# Online Voting System\n\nA comprehensive online voting platform built with Val Town, featuring secure authentication, poll management, and real-time results.\n\n## Features\n\n- **User Authentication**: Secure login/registration system\n- **Poll Management**: Create, edit, and manage voting polls\n- **Voting Interface**: Clean, intuitive voting experience\n- **Real-time Results**: Live vote counting and result display\n- **Admin Dashboard**: Manage polls and view analytics\n- **Security**: One vote per user per poll enforcement\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── auth.ts # Authentication endpoints\n│ │ ├── polls.ts # Poll management endpoints\n│ │ ├── votes.ts # Voting endpoints\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono app entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React app\n│ │ ├── Login.tsx # Login/register component\n│ │ ├── PollList.tsx # List of available polls\n│ │ ├── PollDetail.tsx # Individual poll voting interface\n│ │ ├── CreatePoll.tsx # Poll creation form\n│ │ └── Results.tsx # Results display component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── utils.ts # Shared utility functions\n```\n\n## Database Schema\n\n### Users Table\n- id (PRIMARY KEY)\n- username (UNIQUE)\n- email (UNIQUE)\n- password_hash\n- is_admin\n- created_at\n\n### Polls Table\n- id (PRIMARY KEY)\n- title\n- description\n- creator_id (FOREIGN KEY)\n- start_date\n- end_date\n- is_active\n- created_at\n\n### Poll Options Table\n- id (PRIMARY KEY)\n- poll_id (FOREIGN KEY)\n- option_text\n- vote_count\n\n### Votes Table\n- id (PRIMARY KEY)\n- poll_id (FOREIGN KEY)\n- user_id (FOREIGN KEY)\n- option_id (FOREIGN KEY)\n- voted_at\n\n## API Endpoints\n\n### Authentication\n- `POST /api/auth/register` - User registration\n- `POST /api/auth/login` - User login\n- `POST /api/auth/logout` - User logout\n- `GET /api/auth/me` - Get current user\n\n### Polls\n- `GET /api/polls` - List all active polls\n- `GET /api/polls/:id` - Get specific poll details\n- `POST /api/polls` - Create new poll (authenticated)\n- `PUT /api/polls/:id` - Update poll (creator/admin only)\n- `DELETE /api/polls/:id` - Delete poll (creator/admin only)\n\n### Voting\n- `POST /api/votes` - Cast a vote\n- `GET /api/polls/:id/results` - Get poll results\n\n## Getting Started\n\n1. The system uses SQLite for data storage\n2. Authentication uses session-based cookies\n3. The frontend is a React SPA with TailwindCSS\n4. Real-time updates use polling (can be upgraded to WebSockets)\n\n## Security Features\n\n- Password hashing with bcrypt\n- Session-based authentication\n- CSRF protection\n- One vote per user per poll enforcement\n- Input validation and sanitization",[],[363],{"_102":370,"_95":371,"_154":372,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":373,"_99":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_167":374,"_98":375},"853530f0-4074-11f0-9433-76b3cceeab13","new-file-2619.tsx","edf57b5b-e47e-42cb-8871-6046ad057241",["D",1748952964333],[],[371],{"_102":377,"_95":378,"_154":379,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":380,"_99":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_167":381,"_98":382},"8535326c-4074-11f0-9433-76b3cceeab13","new-file-8443.tsx","273f1e17-66d6-493f-b8db-5d97c88925f7",["D",1748952964333],[],[378],"files",[151,169,175,184,193,199,207,215,223,232,241,247,253,261,269,277,286,295,303,312,318,326,335,343,352,361,369,376],"counts",{"_387":32,"_388":135,"_389":32,"_390":32},"pulls","branches","forks","envVars","contents",[393,396,399,402,405,408,411,414,417],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":394,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":395},["D",1748952964333],[153],{"_102":242,"_95":243,"_154":244,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":397,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":398},["D",1748952964333],[243],{"_102":313,"_95":314,"_154":315,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":400,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":401},["D",1748952964333],[314],{"_102":336,"_95":337,"_154":338,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":403,"_99":32,"_162":180,"_164":340,"_165":22,"_166":-5,"_98":404},["D",1748952964333],[337],{"_102":344,"_95":345,"_154":346,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":406,"_99":32,"_162":348,"_164":349,"_165":22,"_166":-5,"_98":407},["D",1748952964333],[345],{"_102":353,"_95":354,"_154":355,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":409,"_99":32,"_162":357,"_164":358,"_165":22,"_166":-5,"_98":410},["D",1748952964333],[354],{"_102":362,"_95":363,"_154":364,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":412,"_99":32,"_162":291,"_164":366,"_165":22,"_166":-5,"_98":413},["D",1748952964333],[363],{"_102":370,"_95":371,"_154":372,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":415,"_99":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_98":416},["D",1748952964333],[371],{"_102":377,"_95":378,"_154":379,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":418,"_99":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_98":419},["D",1748952964333],[378],"upstreamProject",{"_102":144,"_95":422,"_110":-5,"_111":-5,"_108":109,"_23":423},"my-first-val",{"_93":94,"_128":129},"upstreamBranch",{"_102":139,"_104":426,"_427":428,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_429":430,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":422},["D",1748861344283],"updatedAt",["D",1748872381383],"lockfileKey","1748949303738-esm.town_v_ikeali_my-first-val@26-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history",{"_93":94,"_95":96,"_97":43,"_100":437,"_442":32,"_443":444,"_598":22},{"_102":103,"_95":96,"_104":438,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":439,"_130":440,"_133":441,"_148":22},["D",1748952964333],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":117,"_146":96,"_147":94},"page","history",[445],{"_102":446,"_157":136,"_104":447,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":450,"_291":451,"_452":-5,"_453":454,"_455":-5,"_456":457,"_460":461},"8536fe08-4074-11f0-9433-76b3cceeab13",["D",1748952964333],"incomingCommitId","e603c57a-3fb8-11f0-991b-76b3cceeab13",{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":226,"_95":225,"_162":180},"pull","merge",{"_157":139,"_95":43,"_99":141},"revert","multiple",{"_458":459},"count",28,"commits",[462,463,468,473,478,483,488,493,498,503,508,513,518,523,528,533,538,543,548,553,558,563,568,573,578,583,588,593],{"_102":446,"_157":136,"_104":447,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":450,"_291":451,"_452":-5,"_453":454,"_455":-5},{"_102":446,"_157":136,"_104":464,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":465,"_291":466,"_452":-5,"_453":467,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":329,"_95":328,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":469,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":470,"_291":471,"_452":-5,"_453":472,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":321,"_95":320,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":474,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":475,"_291":476,"_452":-5,"_453":477,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":306,"_95":305,"_162":291},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":479,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":480,"_291":481,"_452":-5,"_453":482,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":218,"_95":217,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":484,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":485,"_291":486,"_452":-5,"_453":487,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":315,"_95":314,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":489,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":490,"_291":491,"_452":-5,"_453":492,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":196,"_95":195,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":494,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":495,"_291":496,"_452":-5,"_453":497,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":364,"_95":363,"_162":291},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":499,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":500,"_291":501,"_452":-5,"_453":502,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":187,"_95":186,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":504,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":505,"_291":506,"_452":-5,"_453":507,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":210,"_95":209,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":509,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":510,"_291":511,"_452":-5,"_453":512,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":280,"_95":279,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":514,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":515,"_291":516,"_452":-5,"_453":517,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":272,"_95":271,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":519,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":520,"_291":521,"_452":-5,"_453":522,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":379,"_95":378,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":524,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":525,"_291":526,"_452":-5,"_453":527,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":372,"_95":371,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":529,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":530,"_291":531,"_452":-5,"_453":532,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":178,"_95":177,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":534,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":535,"_291":536,"_452":-5,"_453":537,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":264,"_95":263,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":539,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":540,"_291":541,"_452":-5,"_453":542,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":298,"_95":297,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":544,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":545,"_291":546,"_452":-5,"_453":547,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":235,"_95":234,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":549,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":550,"_291":551,"_452":-5,"_453":552,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":289,"_95":288,"_162":291},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":554,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":555,"_291":556,"_452":-5,"_453":557,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":244,"_95":243,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":559,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":560,"_291":561,"_452":-5,"_453":562,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":172,"_95":171,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":564,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":565,"_291":566,"_452":-5,"_453":567,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":250,"_95":249,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":569,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":570,"_291":571,"_452":-5,"_453":572,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":155,"_95":153,"_162":163},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":574,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":575,"_291":576,"_452":-5,"_453":577,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":202,"_95":201,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":579,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":580,"_291":581,"_452":-5,"_453":582,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":256,"_95":255,"_162":180},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":584,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":585,"_291":586,"_452":-5,"_453":587,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":355,"_95":354,"_162":357},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":589,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":590,"_291":591,"_452":-5,"_453":592,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":346,"_95":345,"_162":348},{"_157":139,"_95":43,"_99":141},{"_102":446,"_157":136,"_104":594,"_99":135,"_16":117,"_156":-5,"_448":449,"_23":595,"_291":596,"_452":-5,"_453":597,"_455":-5},["D",1748952964333],{"_102":112,"_16":117,"_93":94,"_132":129},{"_154":338,"_95":337,"_162":180},{"_157":139,"_95":43,"_99":141},"hasNext","actionData","errors"]

History