\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}",[],[247,254,261],{"_106":268,"_98":269,"_150":270,"_152":255,"_153":137,"_154":271,"_155":156,"_108":272,"_103":31,"_159":178,"_161":273,"_162":27,"_163":-5,"_164":274,"_101":275},"7b69bcf4-3fa1-11f0-9307-76b3cceeab13","Login.tsx","7b69bd94-3fa1-11f0-9307-76b3cceeab13",20,["D",1748862324123],"/** @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}",[],[247,254,269],{"_106":277,"_98":278,"_150":279,"_152":255,"_153":137,"_154":280,"_155":156,"_108":281,"_103":31,"_159":178,"_161":282,"_162":27,"_163":-5,"_164":283,"_101":284},"a0061be8-3fa1-11f0-b892-76b3cceeab13","PollDetail.tsx","a0061c9c-3fa1-11f0-b892-76b3cceeab13",22,["D",1748862385517],"/** @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}",[],[247,254,278],{"_106":286,"_98":287,"_150":288,"_152":255,"_153":137,"_154":289,"_155":156,"_108":290,"_103":31,"_159":178,"_161":291,"_162":27,"_163":-5,"_164":292,"_101":293},"8d8d0526-3fa1-11f0-a13f-76b3cceeab13","PollList.tsx","8d8d05ee-3fa1-11f0-a13f-76b3cceeab13",21,["D",1748862354553],"/** @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}",[],[247,254,287],[247,254],{"_106":296,"_98":297,"_150":298,"_152":248,"_153":137,"_154":249,"_155":156,"_108":299,"_103":31,"_159":300,"_161":301,"_162":27,"_163":-5,"_164":302,"_101":303},"4b7c4386-3fa1-11f0-8b2e-76b3cceeab13","index.html","4b7c4476-3fa1-11f0-8b2e-76b3cceeab13",["D",1748862243713],"file","\n\n\n \n \n Online Voting System\n \n \n \n \n\n\n

\n \n \n\n",[],[247,297],{"_106":305,"_98":306,"_150":307,"_152":248,"_153":137,"_154":308,"_155":156,"_108":309,"_103":31,"_159":178,"_161":310,"_162":27,"_163":-5,"_164":311,"_101":312},"5b7ed0c8-3fa1-11f0-8ed1-76b3cceeab13","index.tsx","5b7ed1a4-3fa1-11f0-8ed1-76b3cceeab13",18,["D",1748862270573],"/** @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();",[],[247,306],{"_106":314,"_98":315,"_150":316,"_152":248,"_153":137,"_154":317,"_155":156,"_108":318,"_103":31,"_159":300,"_161":319,"_162":27,"_163":-5,"_164":320,"_101":321},"5616bc0e-3fa1-11f0-9a1a-76b3cceeab13","style.css","5616bcd6-3fa1-11f0-9a1a-76b3cceeab13",17,["D",1748862261501],"/* 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}",[],[247,315],[247],{"_106":324,"_98":325,"_150":326,"_152":-5,"_153":137,"_154":327,"_155":156,"_108":328,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":329,"_101":347},"ec6a18a0-3fa0-11f0-89fa-76b3cceeab13","shared","b9568135-2c4f-4281-9809-f65e1a59890d",7,["D",1748862084208],[330,338],{"_106":331,"_98":332,"_150":333,"_152":326,"_153":137,"_154":327,"_155":156,"_108":334,"_103":31,"_159":178,"_161":335,"_162":27,"_163":-5,"_164":336,"_101":337},"ec6a106c-3fa0-11f0-89fa-76b3cceeab13","types.ts","ec6a1102-3fa0-11f0-89fa-76b3cceeab13",["D",1748862084208],"// 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';",[],[325,332],{"_106":339,"_98":340,"_150":341,"_152":326,"_153":137,"_154":342,"_155":156,"_108":343,"_103":31,"_159":178,"_161":344,"_162":27,"_163":-5,"_164":345,"_101":346},"f1bd89ea-3fa0-11f0-8fed-76b3cceeab13","utils.ts","f1bd8ab2-3fa0-11f0-8fed-76b3cceeab13",8,["D",1748862093146],"// 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}",[],[325,340],[325],{"_106":349,"_98":350,"_150":351,"_152":-5,"_153":137,"_154":352,"_155":156,"_108":353,"_103":31,"_159":178,"_161":354,"_162":27,"_163":-5,"_164":355,"_101":356},"336649ec-3f9f-11f0-9765-76b3cceeab13","01_script.tsx","33664a8c-3f9f-11f0-9765-76b3cceeab13",2,["D",1748861344313],"// 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",[],[350],{"_106":358,"_98":359,"_150":360,"_152":-5,"_153":137,"_154":361,"_155":156,"_108":362,"_103":31,"_159":363,"_161":364,"_162":27,"_163":-5,"_164":365,"_101":366},"33694f7a-3f9f-11f0-9765-76b3cceeab13","02_http.tsx","3369502e-3f9f-11f0-9765-76b3cceeab13",3,["D",1748861344332],"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}",[],[359],{"_106":368,"_98":369,"_150":370,"_152":-5,"_153":137,"_154":371,"_155":156,"_108":372,"_103":31,"_159":373,"_161":374,"_162":27,"_163":-5,"_164":375,"_101":376},"337202fa-3f9f-11f0-9765-76b3cceeab13","04_email.tsx","337203fe-3f9f-11f0-9765-76b3cceeab13",5,["D",1748861344387],"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}",[],[369],{"_106":378,"_98":379,"_150":380,"_152":-5,"_153":137,"_154":381,"_155":156,"_108":382,"_103":158,"_159":300,"_161":383,"_162":27,"_163":-5,"_164":384,"_101":385},"e66309ee-3fa0-11f0-a04b-76b3cceeab13","README.md","3363663c-3f9f-11f0-9765-76b3cceeab13",6,["D",1748862074093],"# 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",[],[379],{"_106":387,"_98":388,"_150":389,"_152":-5,"_153":137,"_154":390,"_155":156,"_108":391,"_103":31,"_159":178,"_161":71,"_162":27,"_163":-5,"_164":392,"_101":393},"f2abda5c-3fb7-11f0-bf5f-76b3cceeab13","new-file-2619.tsx","f2abdb06-3fb7-11f0-bf5f-76b3cceeab13",24,["D",1748871973128],[],[388],{"_106":395,"_98":396,"_150":397,"_152":-5,"_153":137,"_154":398,"_155":156,"_108":399,"_103":31,"_159":178,"_161":71,"_162":27,"_163":-5,"_164":400,"_101":401},"f35108d8-3fb7-11f0-9725-76b3cceeab13","new-file-8443.tsx","f35109a0-3fb7-11f0-9725-76b3cceeab13",25,["D",1748871974216],[],[396],"files",[147,166,173,182,192,199,207,216,225,235,245,252,259,267,276,285,295,304,313,323,330,338,348,357,367,377,386,394],"counts",{"_406":31,"_407":158,"_408":158,"_409":31},"pulls","branches","forks","envVars","contents",[],{"_106":226,"_98":227,"_150":228,"_152":195,"_153":137,"_154":229,"_155":156,"_108":413,"_103":31,"_159":178,"_161":231,"_162":27,"_163":-5,"_101":414},["D",1748862215020],[149,194,227],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":42,"_103":-7,"_101":102,"_104":421,"_145":425,"_402":510,"_300":511,"_410":513,"_514":-5,"_515":27,"_516":-5,"_517":-5,"_518":-5,"_519":520},{"_106":107,"_98":99,"_108":422,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":-5,"_118":27,"_119":-5,"_120":31,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":27,"_21":423,"_134":424},["D",1748861344283],{"_96":97,"_132":133},{"_103":136,"_98":42,"_106":137,"_138":107,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":99,"_144":97},[426,456,483,492,495,498,501,504,507],{"_106":148,"_98":149,"_150":151,"_152":-5,"_153":137,"_154":136,"_155":156,"_108":157,"_103":158,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":427,"_101":455},[428,437,452],{"_106":167,"_98":168,"_150":169,"_152":151,"_153":137,"_154":170,"_155":156,"_108":171,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":429,"_101":436},[430,433],{"_106":174,"_98":175,"_150":176,"_152":169,"_153":137,"_154":170,"_155":156,"_108":177,"_103":31,"_159":178,"_161":179,"_162":27,"_163":-5,"_164":431,"_101":432},[],[149,168,175],{"_106":183,"_98":184,"_150":185,"_152":169,"_153":137,"_154":186,"_155":156,"_108":187,"_103":31,"_159":178,"_161":188,"_162":27,"_163":-5,"_164":434,"_101":435},[],[149,168,184],[149,168],{"_106":193,"_98":194,"_150":195,"_152":151,"_153":137,"_154":196,"_155":156,"_108":197,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":438,"_101":451},[439,442,445,448],{"_106":200,"_98":201,"_150":202,"_152":195,"_153":137,"_154":196,"_155":156,"_108":203,"_103":31,"_159":178,"_161":204,"_162":27,"_163":-5,"_164":440,"_101":441},[],[149,194,201],{"_106":208,"_98":209,"_150":210,"_152":195,"_153":137,"_154":211,"_155":156,"_108":212,"_103":31,"_159":178,"_161":213,"_162":27,"_163":-5,"_164":443,"_101":444},[],[149,194,209],{"_106":217,"_98":218,"_150":219,"_152":195,"_153":137,"_154":220,"_155":156,"_108":221,"_103":31,"_159":178,"_161":222,"_162":27,"_163":-5,"_164":446,"_101":447},[],[149,194,218],{"_106":226,"_98":227,"_150":228,"_152":195,"_153":137,"_154":229,"_155":156,"_108":230,"_103":31,"_159":178,"_161":231,"_162":27,"_163":-5,"_164":449,"_101":450},[],[149,194,227],[149,194],{"_106":236,"_98":237,"_150":238,"_152":151,"_153":137,"_154":239,"_155":156,"_108":240,"_103":31,"_159":178,"_161":241,"_162":27,"_163":-5,"_164":453,"_101":454},[],[149,237],[149],{"_106":246,"_98":247,"_150":248,"_152":-5,"_153":137,"_154":249,"_155":156,"_108":250,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":457,"_101":482},[458,473,476,479],{"_106":253,"_98":254,"_150":255,"_152":248,"_153":137,"_154":256,"_155":156,"_108":257,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":459,"_101":472},[460,463,466,469],{"_106":260,"_98":261,"_150":262,"_152":255,"_153":137,"_154":256,"_155":156,"_108":263,"_103":31,"_159":178,"_161":264,"_162":27,"_163":-5,"_164":461,"_101":462},[],[247,254,261],{"_106":268,"_98":269,"_150":270,"_152":255,"_153":137,"_154":271,"_155":156,"_108":272,"_103":31,"_159":178,"_161":273,"_162":27,"_163":-5,"_164":464,"_101":465},[],[247,254,269],{"_106":277,"_98":278,"_150":279,"_152":255,"_153":137,"_154":280,"_155":156,"_108":281,"_103":31,"_159":178,"_161":282,"_162":27,"_163":-5,"_164":467,"_101":468},[],[247,254,278],{"_106":286,"_98":287,"_150":288,"_152":255,"_153":137,"_154":289,"_155":156,"_108":290,"_103":31,"_159":178,"_161":291,"_162":27,"_163":-5,"_164":470,"_101":471},[],[247,254,287],[247,254],{"_106":296,"_98":297,"_150":298,"_152":248,"_153":137,"_154":249,"_155":156,"_108":299,"_103":31,"_159":300,"_161":301,"_162":27,"_163":-5,"_164":474,"_101":475},[],[247,297],{"_106":305,"_98":306,"_150":307,"_152":248,"_153":137,"_154":308,"_155":156,"_108":309,"_103":31,"_159":178,"_161":310,"_162":27,"_163":-5,"_164":477,"_101":478},[],[247,306],{"_106":314,"_98":315,"_150":316,"_152":248,"_153":137,"_154":317,"_155":156,"_108":318,"_103":31,"_159":300,"_161":319,"_162":27,"_163":-5,"_164":480,"_101":481},[],[247,315],[247],{"_106":324,"_98":325,"_150":326,"_152":-5,"_153":137,"_154":327,"_155":156,"_108":328,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":484,"_101":491},[485,488],{"_106":331,"_98":332,"_150":333,"_152":326,"_153":137,"_154":327,"_155":156,"_108":334,"_103":31,"_159":178,"_161":335,"_162":27,"_163":-5,"_164":486,"_101":487},[],[325,332],{"_106":339,"_98":340,"_150":341,"_152":326,"_153":137,"_154":342,"_155":156,"_108":343,"_103":31,"_159":178,"_161":344,"_162":27,"_163":-5,"_164":489,"_101":490},[],[325,340],[325],{"_106":349,"_98":350,"_150":351,"_152":-5,"_153":137,"_154":352,"_155":156,"_108":353,"_103":31,"_159":178,"_161":354,"_162":27,"_163":-5,"_164":493,"_101":494},[],[350],{"_106":358,"_98":359,"_150":360,"_152":-5,"_153":137,"_154":361,"_155":156,"_108":362,"_103":31,"_159":363,"_161":364,"_162":27,"_163":-5,"_164":496,"_101":497},[],[359],{"_106":368,"_98":369,"_150":370,"_152":-5,"_153":137,"_154":371,"_155":156,"_108":372,"_103":31,"_159":373,"_161":374,"_162":27,"_163":-5,"_164":499,"_101":500},[],[369],{"_106":378,"_98":379,"_150":380,"_152":-5,"_153":137,"_154":381,"_155":156,"_108":382,"_103":158,"_159":300,"_161":383,"_162":27,"_163":-5,"_164":502,"_101":503},[],[379],{"_106":387,"_98":388,"_150":389,"_152":-5,"_153":137,"_154":390,"_155":156,"_108":391,"_103":31,"_159":178,"_161":71,"_162":27,"_163":-5,"_164":505,"_101":506},[],[388],{"_106":395,"_98":396,"_150":397,"_152":-5,"_153":137,"_154":398,"_155":156,"_108":399,"_103":31,"_159":178,"_161":71,"_162":27,"_163":-5,"_164":508,"_101":509},[],[396],[426,428,430,433,437,439,442,445,448,452,456,458,460,463,466,469,473,476,479,483,485,488,492,495,498,501,504,507],{"_106":226,"_98":227,"_150":228,"_152":195,"_153":137,"_154":229,"_155":156,"_108":413,"_103":31,"_159":178,"_161":231,"_162":27,"_163":-5,"_101":512},[149,194,227],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]