\n \n

Job Board with Chat Room

\n Find job opportunities, post new positions, and discuss with others in our community chat.\n

\n \n \n

\n \n \n \n

\n\n \n

\n \n

Available Job Opportunities

\n Browse through the latest job postings from our community.\n

\n \n \n

Loading job listings...

\n\n \n

Post a New Job

\n Share a job opportunity with our community. Fill out the form below to create a new job posting.\n

\n \n \n

\n Job Title *\n \n

\n Company *\n \n

\n \n

\n Job Description *\n \n

\n \n

\n Location *\n \n

\n Salary Range (Optional)\n \n

\n \n

\n Contact Email *\n \n

\n Your Name *\n \n

\n \n

\n\n \n

Community Chat Room

\n Discuss job opportunities, ask questions, and connect with others in our community.\n

\n \n \n

\n \n

Loading messages...

\n \n \n

\n \n \n \n

\n\n \n \n\n \n \n

\n\n \n\n",[],[208,215],{"_102":224,"_95":225,"_151":226,"_153":209,"_154":136,"_155":227,"_157":158,"_104":228,"_99":179,"_160":180,"_162":229,"_163":22,"_164":-5,"_165":230,"_98":231},"fa738774-3316-11f0-a27f-9e149126039e","index.js","0e5c3988-32be-11f0-a097-569c3dd06744",15,["D",1747483423255],"// DOM Elements - Tabs\nconst tabButtons = document.querySelectorAll('.tab-button');\nconst tabContents = document.querySelectorAll('.tab-content');\n\n// DOM Elements - Chat\nconst chatContainer = document.getElementById('chat-container');\nconst chatMessages = document.getElementById('chat-messages');\nconst usernameInput = document.getElementById('username-input');\nconst messageInput = document.getElementById('message-input');\nconst sendButton = document.getElementById('send-button');\n\n// DOM Elements - Jobs\nconst jobListings = document.getElementById('job-listings');\nconst jobForm = document.getElementById('job-form');\nconst jobModal = document.getElementById('job-modal');\nconst modalTitle = document.getElementById('modal-title');\nconst modalContent = document.getElementById('modal-content');\nconst closeModal = document.getElementById('close-modal');\n\n// State\nlet messages = window.__INITIAL_MESSAGES__ || [];\nlet jobs = window.__INITIAL_JOBS__ || [];\nlet lastMessageId = messages.length > 0 ? messages[0].id : 0;\n\n// Initialize\ndocument.addEventListener('DOMContentLoaded', () => {\n // Set up tab navigation\n setupTabs();\n \n // Render initial data\n renderMessages();\n renderJobs();\n \n // Set up event listeners\n setupEventListeners();\n \n // Start polling for new messages\n startPolling();\n \n // Save username in localStorage if available\n const savedUsername = localStorage.getItem('username');\n if (savedUsername) {\n usernameInput.value = savedUsername;\n }\n});\n\n// ===== Tab Navigation =====\n\nfunction setupTabs() {\n tabButtons.forEach(button => {\n button.addEventListener('click', () => {\n // Remove active class from all buttons and contents\n tabButtons.forEach(btn => btn.classList.remove('text-blue-600', 'border-b-2', 'border-blue-600'));\n tabButtons.forEach(btn => btn.classList.add('text-gray-500'));\n tabContents.forEach(content => content.classList.remove('active'));\n \n // Add active class to clicked button\n button.classList.remove('text-gray-500');\n button.classList.add('text-blue-600', 'border-b-2', 'border-blue-600');\n \n // Show corresponding content\n const tabId = button.id.replace('tab-', 'content-');\n document.getElementById(tabId).classList.add('active');\n });\n });\n}\n\n// ===== Chat Room Functionality =====\n\n// Render chat messages\nfunction renderMessages() {\n // Clear loading message\n chatMessages.innerHTML = '';\n \n // If no messages, show empty state\n if (messages.length === 0) {\n chatMessages.innerHTML = `\n

\n No messages yet. Be the first to start the conversation!\n

\n `;\n return;\n }\n \n // Sort messages by id (newest first)\n const sortedMessages = [...messages].sort((a, b) => b.id - a.id);\n \n // Render each message\n sortedMessages.forEach(message => {\n const messageElement = createMessageElement(message);\n chatMessages.appendChild(messageElement);\n });\n \n // Scroll to bottom\n chatContainer.scrollTop = chatContainer.scrollHeight;\n}\n\n// Create a message element\nfunction createMessageElement(message) {\n const div = document.createElement('div');\n div.className = 'chat-message bg-white p-3 rounded-lg shadow-sm';\n \n // Format timestamp\n const timestamp = new Date(message.timestamp).toLocaleTimeString([], { \n hour: '2-digit', \n minute: '2-digit' \n });\n \n div.innerHTML = `\n

\n ${escapeHtml(message.username)}\n ${timestamp}\n

${escapeHtml(message.message)}

\n `;\n \n return div;\n}\n\n// Send a new message\nasync function sendMessage() {\n const username = usernameInput.value.trim();\n const message = messageInput.value.trim();\n \n // Validate inputs\n if (!username) {\n alert('Please enter your name');\n usernameInput.focus();\n return;\n }\n \n if (!message) {\n alert('Please enter a message');\n messageInput.focus();\n return;\n }\n \n try {\n // Save username to localStorage\n localStorage.setItem('username', username);\n \n // Disable send button while sending\n sendButton.disabled = true;\n sendButton.textContent = 'Sending...';\n \n // Send message to API\n const response = await fetch('/api/messages', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({ username, message })\n });\n \n const result = await response.json();\n \n if (result.success && result.data) {\n // Add new message to state\n messages = [result.data, ...messages];\n \n // Update last message id\n lastMessageId = result.data.id;\n \n // Clear message input\n messageInput.value = '';\n \n // Render messages\n renderMessages();\n } else {\n alert('Failed to send message: ' + (result.error || 'Unknown error'));\n }\n } catch (error) {\n console.error('Error sending message:', error);\n alert('Failed to send message. Please try again.');\n } finally {\n // Re-enable send button\n sendButton.disabled = false;\n sendButton.textContent = 'Send';\n }\n}\n\n// Poll for new messages\nfunction startPolling() {\n // Poll every 3 seconds\n setInterval(fetchNewMessages, 3000);\n}\n\n// Fetch new messages\nasync function fetchNewMessages() {\n try {\n const response = await fetch('/api/messages');\n const result = await response.json();\n \n if (result.success && result.data) {\n // Check if there are new messages\n const newMessages = result.data.filter(msg => msg.id > lastMessageId);\n \n if (newMessages.length > 0) {\n // Update last message id\n lastMessageId = Math.max(...newMessages.map(msg => msg.id));\n \n // Update messages\n messages = [...newMessages, ...messages];\n \n // Render messages\n renderMessages();\n }\n }\n } catch (error) {\n console.error('Error fetching new messages:', error);\n }\n}\n\n// ===== Job Listings Functionality =====\n\n// Render job listings\nfunction renderJobs() {\n // Clear loading message\n jobListings.innerHTML = '';\n \n // If no jobs, show empty state\n if (jobs.length === 0) {\n jobListings.innerHTML = `\n

\n No job postings yet. Be the first to post a job opportunity!\n

\n `;\n return;\n }\n \n // Sort jobs by id (newest first)\n const sortedJobs = [...jobs].sort((a, b) => b.id - a.id);\n \n // Render each job\n sortedJobs.forEach(job => {\n const jobElement = createJobElement(job);\n jobListings.appendChild(jobElement);\n });\n}\n\n// Create a job element\nfunction createJobElement(job) {\n const div = document.createElement('div');\n div.className = 'bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:shadow-md transition duration-300';\n \n // Format timestamp\n const timestamp = new Date(job.timestamp).toLocaleDateString();\n \n div.innerHTML = `\n

${escapeHtml(job.title)}

\n Posted: ${timestamp}\n

${escapeHtml(job.company)} • ${escapeHtml(job.location)}

${escapeHtml(job.description.substring(0, 150))}${job.description.length > 150 ? '...' : ''}

\n ${job.salary ? `${escapeHtml(job.salary)}` : ''}\n \n

\n `;\n \n // Add event listener to view details button\n div.querySelector('.view-job-details').addEventListener('click', () => {\n showJobDetails(job);\n });\n \n return div;\n}\n\n// Show job details in modal\nfunction showJobDetails(job) {\n modalTitle.textContent = job.title;\n \n modalContent.innerHTML = `\n

${escapeHtml(job.company)}

${escapeHtml(job.location)}

\n ${job.salary ? `

${escapeHtml(job.salary)}

` : ''}\n

\n \n

Job Description

${escapeHtml(job.description)}

\n \n

Contact Information

\n Email: ${escapeHtml(job.contact_email)}\n

\n Posted by: ${escapeHtml(job.posted_by)}\n

\n Posted on ${new Date(job.timestamp).toLocaleDateString()}\n

\n \n

\n `;\n \n // Add event listener to apply button\n document.getElementById('apply-button').addEventListener('click', () => {\n window.location.href = `mailto:${job.contact_email}?subject=Application for ${job.title} position`;\n });\n \n // Show modal\n jobModal.classList.remove('hidden');\n}\n\n// Submit job form\nasync function submitJobForm(event) {\n event.preventDefault();\n \n // Get form values\n const title = document.getElementById('job-title').value.trim();\n const company = document.getElementById('job-company').value.trim();\n const description = document.getElementById('job-description').value.trim();\n const location = document.getElementById('job-location').value.trim();\n const salary = document.getElementById('job-salary').value.trim();\n const contact_email = document.getElementById('job-email').value.trim();\n const posted_by = document.getElementById('job-posted-by').value.trim();\n \n try {\n // Disable submit button\n const submitButton = jobForm.querySelector('button[type=\"submit\"]');\n submitButton.disabled = true;\n submitButton.textContent = 'Posting...';\n \n // Send job to API\n const response = await fetch('/api/jobs', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n title,\n company,\n description,\n location,\n salary: salary || undefined,\n contact_email,\n posted_by\n })\n });\n \n const result = await response.json();\n \n if (result.success && result.data) {\n // Add new job to state\n jobs = [result.data, ...jobs];\n \n // Reset form\n jobForm.reset();\n \n // Render jobs\n renderJobs();\n \n // Show success message\n alert('Job posted successfully!');\n \n // Switch to jobs tab\n document.getElementById('tab-jobs').click();\n } else {\n alert('Failed to post job: ' + (result.error || 'Unknown error'));\n }\n } catch (error) {\n console.error('Error posting job:', error);\n alert('Failed to post job. Please try again.');\n } finally {\n // Re-enable submit button\n const submitButton = jobForm.querySelector('button[type=\"submit\"]');\n submitButton.disabled = false;\n submitButton.textContent = 'Post Job';\n }\n}\n\n// ===== Utility Functions =====\n\n// Escape HTML to prevent XSS\nfunction escapeHtml(unsafe) {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n// Set up event listeners\nfunction setupEventListeners() {\n // Chat event listeners\n sendButton.addEventListener('click', sendMessage);\n messageInput.addEventListener('keypress', (e) => {\n if (e.key === 'Enter') {\n sendMessage();\n }\n });\n \n // Job form submission\n jobForm.addEventListener('submit', submitJobForm);\n \n // Modal close button\n closeModal.addEventListener('click', () => {\n jobModal.classList.add('hidden');\n });\n \n // Close modal when clicking outside\n jobModal.addEventListener('click', (e) => {\n if (e.target === jobModal) {\n jobModal.classList.add('hidden');\n }\n });\n \n // Close modal on escape key\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && !jobModal.classList.contains('hidden')) {\n jobModal.classList.add('hidden');\n }\n });\n}\n\n// Fetch all jobs (used for refreshing the job list)\nasync function fetchJobs() {\n try {\n const response = await fetch('/api/jobs');\n const result = await response.json();\n \n if (result.success && result.data) {\n jobs = result.data;\n renderJobs();\n }\n } catch (error) {\n console.error('Error fetching jobs:', error);\n }\n}",[],[208,225],[208],{"_102":234,"_95":235,"_151":236,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":237,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":238,"_98":248},"e7abea2c-32bd-11f0-a73e-569c3dd06744","shared","3d0aa77a-54a3-49d6-8caf-946d05658eeb",["D",1747445166541],[239],{"_102":240,"_95":241,"_151":242,"_153":236,"_154":136,"_155":243,"_157":158,"_104":244,"_99":179,"_160":180,"_162":245,"_163":22,"_164":-5,"_165":246,"_98":247},"a62adf78-3316-11f0-bf7e-9e149126039e","types.ts","e7abb3b8-32bd-11f0-a73e-569c3dd06744",11,["D",1747483281848],"// Shared types between frontend and backend\n\nexport interface ChatMessage {\n id: number;\n username: string;\n message: string;\n timestamp: string;\n}\n\nexport interface JobPosting {\n id: number;\n title: string;\n company: string;\n description: string;\n location: string;\n salary?: string;\n contact_email: string;\n posted_by: string;\n timestamp: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[235,241],[235],{"_102":250,"_95":251,"_151":252,"_153":-5,"_154":136,"_155":253,"_157":158,"_104":254,"_99":32,"_160":180,"_162":72,"_163":22,"_164":-5,"_165":255,"_98":256},"5222fdea-32bf-11f0-bf68-569c3dd06744","new-file-730.tsx","5222feb2-32bf-11f0-bf68-569c3dd06744",9,["D",1747445774659],[],[251],"files",[148,167,173,184,194,206,213,223,233,239,249],"counts",{"_261":32,"_262":179,"_263":32,"_264":265},"pulls","branches","forks","envVars",{"_266":32,"_267":32},"count","emptyCount","contents",[270,273,276,279],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":271,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":272},["D",1747445170743],[150],{"_102":207,"_95":208,"_151":209,"_153":-5,"_154":136,"_155":210,"_157":158,"_104":274,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":275},["D",1747445210857],[208],{"_102":234,"_95":235,"_151":236,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":277,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":278},["D",1747445166541],[235],{"_102":250,"_95":251,"_151":252,"_153":-5,"_154":136,"_155":253,"_157":158,"_104":280,"_99":32,"_160":180,"_162":72,"_163":22,"_164":-5,"_98":281},["D",1747445774659],[251],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":290,"_268":295,"_304":-7,"_305":-5,"_306":-5,"_257":307,"_341":342,"_343":-5,"_344":-5},{"_102":103,"_95":96,"_104":291,"_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":292,"_130":293,"_133":294,"_145":22},["D",1747445065726],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[296,298,300,302],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":271,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":297},[150],{"_102":207,"_95":208,"_151":209,"_153":-5,"_154":136,"_155":210,"_157":158,"_104":274,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":299},[208],{"_102":234,"_95":235,"_151":236,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":277,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":301},[235],{"_102":250,"_95":251,"_151":252,"_153":-5,"_154":136,"_155":253,"_157":158,"_104":280,"_99":32,"_160":180,"_162":72,"_163":22,"_164":-5,"_98":303},[251],"readme","upstream","pull",[308,310,312,315,319,323,325,328,332,334,338],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":159,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":309,"_98":322},[310,319],{"_102":168,"_95":169,"_151":170,"_153":152,"_154":136,"_155":156,"_157":158,"_104":171,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":311,"_98":318},[312,315],{"_102":174,"_95":175,"_151":176,"_153":170,"_154":136,"_155":177,"_157":158,"_104":178,"_99":179,"_160":180,"_162":181,"_163":22,"_164":-5,"_165":313,"_98":314},[],[150,169,175],{"_102":185,"_95":186,"_151":187,"_153":170,"_154":136,"_155":188,"_157":158,"_104":189,"_99":179,"_160":180,"_162":190,"_163":22,"_164":-5,"_165":316,"_98":317},[],[150,169,186],[150,169],{"_102":195,"_95":196,"_151":197,"_153":152,"_154":136,"_155":198,"_157":158,"_104":199,"_99":200,"_160":201,"_162":202,"_163":22,"_164":-5,"_165":320,"_98":321},[],[150,196],[150],{"_102":207,"_95":208,"_151":209,"_153":-5,"_154":136,"_155":210,"_157":158,"_104":211,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":324,"_98":331},[325,328],{"_102":214,"_95":215,"_151":216,"_153":209,"_154":136,"_155":217,"_157":158,"_104":218,"_99":179,"_160":219,"_162":220,"_163":22,"_164":-5,"_165":326,"_98":327},[],[208,215],{"_102":224,"_95":225,"_151":226,"_153":209,"_154":136,"_155":227,"_157":158,"_104":228,"_99":179,"_160":180,"_162":229,"_163":22,"_164":-5,"_165":329,"_98":330},[],[208,225],[208],{"_102":234,"_95":235,"_151":236,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":237,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":333,"_98":337},[334],{"_102":240,"_95":241,"_151":242,"_153":236,"_154":136,"_155":243,"_157":158,"_104":244,"_99":179,"_160":180,"_162":245,"_163":22,"_164":-5,"_165":335,"_98":336},[],[235,241],[235],{"_102":250,"_95":251,"_151":252,"_153":-5,"_154":136,"_155":253,"_157":158,"_104":254,"_99":32,"_160":180,"_162":72,"_163":22,"_164":-5,"_165":339,"_98":340},[],[251],"previews",[319],"ahead","behind","actionData","errors"]

Princessblessing93

Launchingofproduct