\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}",[],[244,250,256],{"_103":263,"_95":264,"_155":265,"_157":251,"_158":137,"_159":136,"_160":161,"_105":266,"_100":32,"_163":181,"_165":267,"_166":22,"_167":-5,"_168":268,"_98":269},"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}",[],[244,250,264],{"_103":271,"_95":272,"_155":273,"_157":251,"_158":137,"_159":136,"_160":161,"_105":274,"_100":32,"_163":181,"_165":275,"_166":22,"_167":-5,"_168":276,"_98":277},"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}",[],[244,250,272],{"_103":279,"_95":280,"_155":281,"_157":251,"_158":137,"_159":136,"_160":161,"_105":282,"_100":32,"_163":181,"_165":283,"_166":22,"_167":-5,"_168":284,"_98":285},"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}",[],[244,250,280],[244,250],{"_103":288,"_95":289,"_155":290,"_157":245,"_158":137,"_159":136,"_160":161,"_105":291,"_100":32,"_163":292,"_165":293,"_166":22,"_167":-5,"_168":294,"_98":295},"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",[],[244,289],{"_103":297,"_95":298,"_155":299,"_157":245,"_158":137,"_159":136,"_160":161,"_105":300,"_100":32,"_163":181,"_165":301,"_166":22,"_167":-5,"_168":302,"_98":303},"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();",[],[244,298],{"_103":305,"_95":306,"_155":307,"_157":245,"_158":137,"_159":136,"_160":161,"_105":308,"_100":32,"_163":292,"_165":309,"_166":22,"_167":-5,"_168":310,"_98":311},"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}",[],[244,306],[244],{"_103":314,"_95":315,"_155":316,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":317,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":318,"_98":335},"85352696-4074-11f0-9433-76b3cceeab13","shared","21e88f1c-0284-4667-87cd-d11580e6bba8",["D",1748952964333],[319,327],{"_103":320,"_95":321,"_155":322,"_157":316,"_158":137,"_159":136,"_160":161,"_105":323,"_100":32,"_163":181,"_165":324,"_166":22,"_167":-5,"_168":325,"_98":326},"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';",[],[315,321],{"_103":328,"_95":329,"_155":330,"_157":316,"_158":137,"_159":136,"_160":161,"_105":331,"_100":32,"_163":181,"_165":332,"_166":22,"_167":-5,"_168":333,"_98":334},"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}",[],[315,329],[315],{"_103":337,"_95":338,"_155":339,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":340,"_100":32,"_163":181,"_165":341,"_166":22,"_167":-5,"_168":342,"_98":343},"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",[],[338],{"_103":345,"_95":346,"_155":347,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":348,"_100":32,"_163":349,"_165":350,"_166":22,"_167":-5,"_168":351,"_98":352},"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}",[],[346],{"_103":354,"_95":355,"_155":356,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":357,"_100":32,"_163":358,"_165":359,"_166":22,"_167":-5,"_168":360,"_98":361},"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}",[],[355],{"_103":363,"_95":364,"_155":365,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":366,"_100":32,"_163":292,"_165":367,"_166":22,"_167":-5,"_168":368,"_98":369},"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",[],[364],{"_103":371,"_95":372,"_155":373,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":374,"_100":32,"_163":181,"_165":72,"_166":22,"_167":-5,"_168":375,"_98":376},"853530f0-4074-11f0-9433-76b3cceeab13","new-file-2619.tsx","edf57b5b-e47e-42cb-8871-6046ad057241",["D",1748952964333],[],[372],{"_103":378,"_95":379,"_155":380,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":381,"_100":32,"_163":181,"_165":72,"_166":22,"_167":-5,"_168":382,"_98":383},"8535326c-4074-11f0-9433-76b3cceeab13","new-file-8443.tsx","273f1e17-66d6-493f-b8db-5d97c88925f7",["D",1748952964333],[],[379],"files",[152,170,176,185,194,200,208,216,224,233,242,248,254,262,270,278,287,296,304,313,319,327,336,344,353,362,370,377],"counts",{"_388":32,"_389":136,"_390":32,"_391":32},"pulls","branches","forks","envVars","contents",[],{"_103":328,"_95":329,"_155":330,"_157":316,"_158":137,"_159":136,"_160":161,"_105":395,"_100":32,"_163":181,"_165":332,"_166":22,"_167":-5,"_98":396},["D",1748952964333],[315,329],"upstreamProject",{"_103":145,"_95":399,"_111":-5,"_112":-5,"_109":110,"_23":400},"my-first-val",{"_93":94,"_129":130},"upstreamBranch",{"_103":140,"_105":403,"_404":405,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_406":407,"_107":-5,"_149":22,"_109":110,"_148":94,"_16":118,"_147":399},["D",1748861344283],"updatedAt",["D",1748872381383],"lockfileKey","1748949303738-esm.town_v_ikeali_my-first-val@26-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":414,"_150":419,"_384":504,"_292":505,"_392":507,"_508":509,"_512":161,"_513":-5,"_514":32,"_515":32,"_516":517},{"_103":104,"_95":96,"_105":415,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":416,"_131":417,"_134":418,"_149":22},["D",1748952964333],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":118,"_147":96,"_148":94},[420,450,477,486,489,492,495,498,501],{"_103":153,"_95":154,"_155":156,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":162,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":421,"_98":449},[422,431,446],{"_103":171,"_95":172,"_155":173,"_157":156,"_158":137,"_159":136,"_160":161,"_105":174,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":423,"_98":430},[424,427],{"_103":177,"_95":178,"_155":179,"_157":173,"_158":137,"_159":136,"_160":161,"_105":180,"_100":32,"_163":181,"_165":182,"_166":22,"_167":-5,"_168":425,"_98":426},[],[154,172,178],{"_103":186,"_95":187,"_155":188,"_157":173,"_158":137,"_159":136,"_160":161,"_105":189,"_100":32,"_163":181,"_165":190,"_166":22,"_167":-5,"_168":428,"_98":429},[],[154,172,187],[154,172],{"_103":195,"_95":196,"_155":197,"_157":156,"_158":137,"_159":136,"_160":161,"_105":198,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":432,"_98":445},[433,436,439,442],{"_103":201,"_95":202,"_155":203,"_157":197,"_158":137,"_159":136,"_160":161,"_105":204,"_100":32,"_163":181,"_165":205,"_166":22,"_167":-5,"_168":434,"_98":435},[],[154,196,202],{"_103":209,"_95":210,"_155":211,"_157":197,"_158":137,"_159":136,"_160":161,"_105":212,"_100":32,"_163":181,"_165":213,"_166":22,"_167":-5,"_168":437,"_98":438},[],[154,196,210],{"_103":217,"_95":218,"_155":219,"_157":197,"_158":137,"_159":136,"_160":161,"_105":220,"_100":32,"_163":181,"_165":221,"_166":22,"_167":-5,"_168":440,"_98":441},[],[154,196,218],{"_103":225,"_95":226,"_155":227,"_157":197,"_158":137,"_159":136,"_160":161,"_105":228,"_100":32,"_163":181,"_165":229,"_166":22,"_167":-5,"_168":443,"_98":444},[],[154,196,226],[154,196],{"_103":234,"_95":235,"_155":236,"_157":156,"_158":137,"_159":136,"_160":161,"_105":237,"_100":32,"_163":181,"_165":238,"_166":22,"_167":-5,"_168":447,"_98":448},[],[154,235],[154],{"_103":243,"_95":244,"_155":245,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":246,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":451,"_98":476},[452,467,470,473],{"_103":249,"_95":250,"_155":251,"_157":245,"_158":137,"_159":136,"_160":161,"_105":252,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":453,"_98":466},[454,457,460,463],{"_103":255,"_95":256,"_155":257,"_157":251,"_158":137,"_159":136,"_160":161,"_105":258,"_100":32,"_163":181,"_165":259,"_166":22,"_167":-5,"_168":455,"_98":456},[],[244,250,256],{"_103":263,"_95":264,"_155":265,"_157":251,"_158":137,"_159":136,"_160":161,"_105":266,"_100":32,"_163":181,"_165":267,"_166":22,"_167":-5,"_168":458,"_98":459},[],[244,250,264],{"_103":271,"_95":272,"_155":273,"_157":251,"_158":137,"_159":136,"_160":161,"_105":274,"_100":32,"_163":181,"_165":275,"_166":22,"_167":-5,"_168":461,"_98":462},[],[244,250,272],{"_103":279,"_95":280,"_155":281,"_157":251,"_158":137,"_159":136,"_160":161,"_105":282,"_100":32,"_163":181,"_165":283,"_166":22,"_167":-5,"_168":464,"_98":465},[],[244,250,280],[244,250],{"_103":288,"_95":289,"_155":290,"_157":245,"_158":137,"_159":136,"_160":161,"_105":291,"_100":32,"_163":292,"_165":293,"_166":22,"_167":-5,"_168":468,"_98":469},[],[244,289],{"_103":297,"_95":298,"_155":299,"_157":245,"_158":137,"_159":136,"_160":161,"_105":300,"_100":32,"_163":181,"_165":301,"_166":22,"_167":-5,"_168":471,"_98":472},[],[244,298],{"_103":305,"_95":306,"_155":307,"_157":245,"_158":137,"_159":136,"_160":161,"_105":308,"_100":32,"_163":292,"_165":309,"_166":22,"_167":-5,"_168":474,"_98":475},[],[244,306],[244],{"_103":314,"_95":315,"_155":316,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":317,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":478,"_98":485},[479,482],{"_103":320,"_95":321,"_155":322,"_157":316,"_158":137,"_159":136,"_160":161,"_105":323,"_100":32,"_163":181,"_165":324,"_166":22,"_167":-5,"_168":480,"_98":481},[],[315,321],{"_103":328,"_95":329,"_155":330,"_157":316,"_158":137,"_159":136,"_160":161,"_105":331,"_100":32,"_163":181,"_165":332,"_166":22,"_167":-5,"_168":483,"_98":484},[],[315,329],[315],{"_103":337,"_95":338,"_155":339,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":340,"_100":32,"_163":181,"_165":341,"_166":22,"_167":-5,"_168":487,"_98":488},[],[338],{"_103":345,"_95":346,"_155":347,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":348,"_100":32,"_163":349,"_165":350,"_166":22,"_167":-5,"_168":490,"_98":491},[],[346],{"_103":354,"_95":355,"_155":356,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":357,"_100":32,"_163":358,"_165":359,"_166":22,"_167":-5,"_168":493,"_98":494},[],[355],{"_103":363,"_95":364,"_155":365,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":366,"_100":32,"_163":292,"_165":367,"_166":22,"_167":-5,"_168":496,"_98":497},[],[364],{"_103":371,"_95":372,"_155":373,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":374,"_100":32,"_163":181,"_165":72,"_166":22,"_167":-5,"_168":499,"_98":500},[],[372],{"_103":378,"_95":379,"_155":380,"_157":-5,"_158":137,"_159":136,"_160":161,"_105":381,"_100":32,"_163":181,"_165":72,"_166":22,"_167":-5,"_168":502,"_98":503},[],[379],[420,422,424,427,431,433,436,439,442,446,450,452,454,457,460,463,467,470,473,477,479,482,486,489,492,495,498,501],{"_103":328,"_95":329,"_155":330,"_157":316,"_158":137,"_159":136,"_160":161,"_105":395,"_100":32,"_163":181,"_165":332,"_166":22,"_167":-5,"_98":506},[315,329],[],"upstream",{"_103":140,"_105":510,"_404":511,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_406":407,"_107":-5,"_149":22,"_109":110,"_148":94,"_16":118,"_147":399},["D",1748861344283],["D",1748872381383],"showCompareCallout","pull","ahead","behind","templates",[518,535],{"_103":519,"_95":520,"_105":521,"_107":-5,"_108":22,"_109":110,"_111":522,"_112":523,"_14":524,"_114":525,"_115":161,"_116":526,"_117":527,"_16":528,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":529,"_131":532,"_134":533,"_149":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":530,"_129":531},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":530,"_133":531},{"_103":534,"_95":43,"_100":526,"_138":519,"_139":-5,"_141":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":536,"_95":537,"_105":538,"_107":-5,"_108":22,"_109":110,"_111":539,"_112":-5,"_14":540,"_114":541,"_115":161,"_116":542,"_117":543,"_16":544,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":545,"_131":548,"_134":549,"_149":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":546,"_129":547},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":546,"_133":547},{"_103":550,"_95":43,"_100":551,"_138":536,"_139":-5,"_141":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]