\n \n

Discover Your Career Strengths

This quiz will help you identify your natural talents and suggest career paths that match your strengths.

Designed specifically for students in Cameroon

\n \n

\n\n \n

Question 1/10

Question text will appear here

\n \n

\n\n \n

Your Career Strengths

\n \n

Recommended Career Paths

\n \n

\n\n \n\n \n\n",[],[99],{"_103":179,"_95":180,"_144":181,"_146":-5,"_147":133,"_148":182,"_149":150,"_105":183,"_100":165,"_152":184,"_154":185,"_156":27,"_157":-5,"_158":186,"_98":187},"c0eb5718-335f-11f0-87e5-9e149126039e","index.ts","90e8d702-335f-11f0-8a76-9e149126039e",6,["D",1747514679995],"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n \n // Serve the quiz questions JSON\n if (path === \"/quiz-data.json\") {\n const quizData = await readFile(\"/career_quiz_questions.json\", import.meta.url);\n return new Response(quizData, {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Cache-Control\": \"no-cache\"\n }\n });\n }\n \n // Serve CSS\n if (path === \"/styles.css\") {\n const css = await readFile(\"/styles.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css\",\n \"Cache-Control\": \"max-age=3600\"\n }\n });\n }\n \n // Serve JavaScript\n if (path === \"/script.js\") {\n const js = await readFile(\"/script.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"text/javascript\",\n \"Cache-Control\": \"max-age=3600\"\n }\n });\n }\n \n // Default: serve the HTML\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache\"\n }\n });\n}",[],[180],{"_103":189,"_95":190,"_144":191,"_146":-5,"_147":133,"_148":192,"_149":150,"_105":193,"_100":31,"_152":194,"_154":195,"_156":27,"_157":-5,"_158":196,"_98":197},"bcd109ca-335f-11f0-b1ff-9e149126039e","script.js","bcd10a60-335f-11f0-b1ff-9e149126039e",5,["D",1747514673117],"script","// DOM Elements\nconst welcomeScreen = document.getElementById('welcome-screen');\nconst quizScreen = document.getElementById('quiz-screen');\nconst resultsScreen = document.getElementById('results-screen');\nconst startBtn = document.getElementById('start-btn');\nconst restartBtn = document.getElementById('restart-btn');\nconst questionText = document.getElementById('question-text');\nconst questionNumber = document.getElementById('question-number');\nconst optionsContainer = document.getElementById('options-container');\nconst progressBar = document.getElementById('progress-bar');\nconst resultsContainer = document.getElementById('results-container');\nconst careersContainer = document.getElementById('careers-container');\n\n// Quiz State\nlet quizData = null;\nlet currentQuestionIndex = 0;\nlet userAnswers = [];\n\n// Career Strengths Descriptions\nconst strengthDescriptions = {\n leadership: \"You have natural leadership abilities and enjoy guiding others toward a common goal.\",\n social_orientation: \"You thrive in social settings and are skilled at building relationships with others.\",\n problem_solving: \"You excel at finding practical solutions to complex problems.\",\n entrepreneurial_interest: \"You have a strong drive to create and manage your own ventures.\",\n learning_style: \"You have a distinct approach to acquiring and processing new information.\",\n practical_skills: \"You excel at hands-on tasks and implementing practical solutions.\",\n technical_orientation: \"You have an affinity for technology and technical systems.\",\n community_engagement: \"You value community involvement and making a positive social impact.\",\n work_life_balance: \"You have clear preferences about how you structure your work and personal time.\",\n planning_style: \"You have a distinct approach to organization and planning.\"\n};\n\n// Career Recommendations Based on Strengths\nconst careerRecommendations = {\n leadership: [\n { title: \"School Administrator\", description: \"Lead educational institutions and shape learning environments.\" },\n { title: \"Business Manager\", description: \"Direct operations in various industries across Cameroon.\" },\n { title: \"Community Organizer\", description: \"Mobilize communities for development projects.\" }\n ],\n social_orientation: [\n { title: \"Teacher\", description: \"Educate and mentor the next generation of Cameroonians.\" },\n { title: \"Customer Service Manager\", description: \"Help businesses improve their client relationships.\" },\n { title: \"Social Worker\", description: \"Support vulnerable populations and community development.\" }\n ],\n problem_solving: [\n { title: \"Engineer\", description: \"Design solutions for infrastructure and technology challenges.\" },\n { title: \"Medical Professional\", description: \"Diagnose and treat health issues in your community.\" },\n { title: \"IT Specialist\", description: \"Solve technical problems and improve systems.\" }\n ],\n entrepreneurial_interest: [\n { title: \"Small Business Owner\", description: \"Start and grow your own business in your community.\" },\n { title: \"Agricultural Entrepreneur\", description: \"Innovate in Cameroon's important agricultural sector.\" },\n { title: \"Tech Startup Founder\", description: \"Create technology solutions for local challenges.\" }\n ],\n learning_style: [\n { title: \"Researcher\", description: \"Investigate important questions in academia or industry.\" },\n { title: \"Trainer\", description: \"Help others develop new skills and knowledge.\" },\n { title: \"Consultant\", description: \"Apply your learning to help organizations improve.\" }\n ],\n practical_skills: [\n { title: \"Craftsperson\", description: \"Create valuable products through traditional or modern crafts.\" },\n { title: \"Technician\", description: \"Install, maintain, and repair important equipment.\" },\n { title: \"Chef\", description: \"Prepare and innovate with Cameroon's rich culinary traditions.\" }\n ],\n technical_orientation: [\n { title: \"Software Developer\", description: \"Create applications and systems for local and global markets.\" },\n { title: \"Network Administrator\", description: \"Maintain critical IT infrastructure for organizations.\" },\n { title: \"Digital Content Creator\", description: \"Produce websites, videos, and other digital media.\" }\n ],\n community_engagement: [\n { title: \"NGO Worker\", description: \"Work with organizations improving conditions in Cameroon.\" },\n { title: \"Public Health Educator\", description: \"Promote better health practices in communities.\" },\n { title: \"Local Government Official\", description: \"Serve your community through public administration.\" }\n ],\n work_life_balance: [\n { title: \"Freelancer\", description: \"Offer your skills independently with flexible scheduling.\" },\n { title: \"Remote Worker\", description: \"Work for companies while maintaining location flexibility.\" },\n { title: \"Tourism Professional\", description: \"Showcase Cameroon's natural beauty and cultural heritage.\" }\n ],\n planning_style: [\n { title: \"Project Manager\", description: \"Coordinate complex projects across various sectors.\" },\n { title: \"Event Planner\", description: \"Organize important events and celebrations.\" },\n { title: \"Financial Planner\", description: \"Help individuals and businesses manage their finances.\" }\n ]\n};\n\n// Initialize the Quiz\nasync function initQuiz() {\n try {\n // Fetch quiz data\n const response = await fetch('quiz-data.json');\n const data = await response.json();\n quizData = data.questions;\n \n // Set up event listeners\n startBtn.addEventListener('click', startQuiz);\n restartBtn.addEventListener('click', resetQuiz);\n \n } catch (error) {\n console.error('Error initializing quiz:', error);\n alert('Failed to load quiz data. Please try again later.');\n }\n}\n\n// Start the Quiz\nfunction startQuiz() {\n welcomeScreen.classList.remove('active');\n quizScreen.classList.add('active');\n loadQuestion();\n}\n\n// Load Current Question\nfunction loadQuestion() {\n const question = quizData[currentQuestionIndex];\n \n // Update question text and number\n questionText.textContent = question.question;\n questionNumber.textContent = `Question ${currentQuestionIndex + 1}/${quizData.length}`;\n \n // Update progress bar\n const progress = ((currentQuestionIndex + 1) / quizData.length) * 100;\n progressBar.style.width = `${progress}%`;\n \n // Clear previous options\n optionsContainer.innerHTML = '';\n \n // Add new options\n question.options.forEach((option, index) => {\n const optionElement = document.createElement('div');\n optionElement.classList.add('option');\n optionElement.textContent = option;\n optionElement.dataset.index = index;\n \n optionElement.addEventListener('click', () => selectOption(index));\n \n optionsContainer.appendChild(optionElement);\n });\n}\n\n// Handle Option Selection\nfunction selectOption(optionIndex) {\n // Save the answer\n userAnswers[currentQuestionIndex] = {\n questionId: quizData[currentQuestionIndex].id,\n selectedOption: optionIndex,\n trait: quizData[currentQuestionIndex].trait\n };\n \n // Highlight selected option\n const options = optionsContainer.querySelectorAll('.option');\n options.forEach(option => option.classList.remove('selected'));\n options[optionIndex].classList.add('selected');\n \n // Move to next question after a short delay\n setTimeout(() => {\n if (currentQuestionIndex < quizData.length - 1) {\n currentQuestionIndex++;\n loadQuestion();\n } else {\n showResults();\n }\n }, 700);\n}\n\n// Calculate and Show Results\nfunction showResults() {\n quizScreen.classList.remove('active');\n resultsScreen.classList.add('active');\n \n // Count trait frequencies\n const traitCounts = {};\n userAnswers.forEach(answer => {\n if (!traitCounts[answer.trait]) {\n traitCounts[answer.trait] = 0;\n }\n traitCounts[answer.trait]++;\n });\n \n // Find top 3 traits\n const sortedTraits = Object.entries(traitCounts)\n .sort((a, b) => b[1] - a[1])\n .slice(0, 3)\n .map(item => item[0]);\n \n // Display top strengths\n resultsContainer.innerHTML = '';\n sortedTraits.forEach(trait => {\n const strengthElement = document.createElement('div');\n strengthElement.classList.add('strength-item');\n \n const nameElement = document.createElement('div');\n nameElement.classList.add('strength-name');\n nameElement.textContent = formatTraitName(trait);\n \n const descElement = document.createElement('div');\n descElement.classList.add('strength-description');\n descElement.textContent = strengthDescriptions[trait];\n \n strengthElement.appendChild(nameElement);\n strengthElement.appendChild(descElement);\n resultsContainer.appendChild(strengthElement);\n });\n \n // Display career recommendations\n careersContainer.innerHTML = '';\n \n // Get recommendations for top trait\n const topTrait = sortedTraits[0];\n const careers = careerRecommendations[topTrait];\n \n careers.forEach(career => {\n const careerElement = document.createElement('div');\n careerElement.classList.add('career-item');\n \n const titleElement = document.createElement('div');\n titleElement.classList.add('career-title');\n titleElement.textContent = career.title;\n \n const descElement = document.createElement('div');\n descElement.classList.add('career-description');\n descElement.textContent = career.description;\n \n careerElement.appendChild(titleElement);\n careerElement.appendChild(descElement);\n careersContainer.appendChild(careerElement);\n });\n}\n\n// Format trait name for display\nfunction formatTraitName(trait) {\n return trait\n .split('_')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n}\n\n// Reset Quiz\nfunction resetQuiz() {\n currentQuestionIndex = 0;\n userAnswers = [];\n resultsScreen.classList.remove('active');\n welcomeScreen.classList.add('active');\n}\n\n// Initialize the quiz when the page loads\ndocument.addEventListener('DOMContentLoaded', initQuiz);",[],[190],{"_103":199,"_95":200,"_144":201,"_146":-5,"_147":133,"_148":202,"_149":150,"_105":203,"_100":31,"_152":153,"_154":204,"_156":27,"_157":-5,"_158":205,"_98":206},"a59a6080-335f-11f0-a0a6-9e149126039e","styles.css","a59a6116-335f-11f0-a0a6-9e149126039e",4,["D",1747514634172],":root {\n --primary-color: #1e7e34;\n --secondary-color: #ffc107;\n --text-color: #333;\n --light-bg: #f8f9fa;\n --border-radius: 8px;\n --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --transition: all 0.3s ease;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Poppins', sans-serif;\n background-color: #f0f2f5;\n color: var(--text-color);\n line-height: 1.6;\n padding: 0;\n margin: 0;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\n.app-container {\n flex: 1;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n width: 100%;\n}\n\n.screen {\n display: none;\n animation: fadeIn 0.5s ease;\n}\n\n.screen.active {\n display: block;\n}\n\n.content-box {\n background-color: white;\n border-radius: var(--border-radius);\n padding: 25px;\n box-shadow: var(--box-shadow);\n margin-bottom: 20px;\n}\n\nh1 {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 1.8rem;\n text-align: center;\n}\n\nh2 {\n font-size: 1.3rem;\n margin-bottom: 15px;\n color: var(--text-color);\n}\n\np {\n margin-bottom: 15px;\n}\n\n.subtitle {\n color: #666;\n font-style: italic;\n text-align: center;\n margin-bottom: 25px;\n}\n\n.primary-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n margin: 20px auto 0;\n transition: var(--transition);\n width: 100%;\n max-width: 250px;\n}\n\n.primary-btn:hover {\n background-color: #156829;\n transform: translateY(-2px);\n}\n\n.progress-container {\n height: 8px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin-bottom: 15px;\n overflow: hidden;\n}\n\n#progress-bar {\n height: 100%;\n background-color: var(--primary-color);\n width: 10%;\n transition: width 0.3s ease;\n}\n\n#question-number {\n font-size: 0.9rem;\n color: #666;\n margin-bottom: 10px;\n}\n\n#options-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 20px;\n}\n\n.option {\n background-color: var(--light-bg);\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n padding: 15px;\n cursor: pointer;\n transition: var(--transition);\n}\n\n.option:hover {\n background-color: #e9ecef;\n transform: translateY(-2px);\n}\n\n.option.selected {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n}\n\n#results-container {\n margin-bottom: 30px;\n}\n\n.strength-item {\n margin-bottom: 15px;\n padding-bottom: 15px;\n border-bottom: 1px solid #eee;\n}\n\n.strength-name {\n font-weight: 600;\n color: var(--primary-color);\n margin-bottom: 5px;\n}\n\n.strength-description {\n font-size: 0.95rem;\n}\n\n.career-item {\n background-color: var(--light-bg);\n padding: 15px;\n border-radius: var(--border-radius);\n margin-bottom: 10px;\n}\n\n.career-title {\n font-weight: 600;\n margin-bottom: 5px;\n}\n\n.career-description {\n font-size: 0.9rem;\n}\n\nfooter {\n text-align: center;\n padding: 20px;\n background-color: #f8f9fa;\n margin-top: auto;\n}\n\nfooter p {\n margin-bottom: 5px;\n}\n\n.small {\n font-size: 0.8rem;\n color: #666;\n}\n\n/* Animations */\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n/* Media Queries for Responsiveness */\n@media (max-width: 480px) {\n .app-container {\n padding: 15px;\n }\n \n .content-box {\n padding: 20px;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n \n h2 {\n font-size: 1.2rem;\n }\n}",[],[200],"files",[141,161,170,178,188,198],"counts",{"_211":31,"_212":165,"_213":31,"_214":31},"pulls","branches","forks","envVars","contents",[],{"_103":171,"_95":99,"_144":172,"_146":-5,"_147":133,"_148":173,"_149":150,"_105":218,"_100":31,"_152":153,"_154":175,"_156":27,"_157":-5,"_98":219},["D",1747514612745],[99],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":41,"_100":-7,"_98":99,"_101":225,"_139":229,"_207":248,"_153":249,"_215":251,"_220":-5,"_252":27,"_253":-5},{"_103":104,"_95":96,"_105":226,"_107":-5,"_108":27,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":27,"_116":-5,"_117":31,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":27,"_21":227,"_130":228},["D",1747514433363],{"_93":94,"_128":129},{"_100":132,"_95":41,"_103":133,"_134":104,"_135":-5,"_136":-5,"_137":-5,"_138":-5},[230,233,236,239,242,245],{"_103":142,"_95":143,"_144":145,"_146":-5,"_147":133,"_148":132,"_149":150,"_105":151,"_100":31,"_152":153,"_154":155,"_156":27,"_157":-5,"_158":231,"_98":232},[],[143],{"_103":162,"_95":163,"_144":164,"_146":-5,"_147":133,"_148":165,"_149":150,"_105":166,"_100":31,"_152":153,"_154":167,"_156":27,"_157":-5,"_158":234,"_98":235},[],[163],{"_103":171,"_95":99,"_144":172,"_146":-5,"_147":133,"_148":173,"_149":150,"_105":174,"_100":31,"_152":153,"_154":175,"_156":27,"_157":-5,"_158":237,"_98":238},[],[99],{"_103":179,"_95":180,"_144":181,"_146":-5,"_147":133,"_148":182,"_149":150,"_105":183,"_100":165,"_152":184,"_154":185,"_156":27,"_157":-5,"_158":240,"_98":241},[],[180],{"_103":189,"_95":190,"_144":191,"_146":-5,"_147":133,"_148":192,"_149":150,"_105":193,"_100":31,"_152":194,"_154":195,"_156":27,"_157":-5,"_158":243,"_98":244},[],[190],{"_103":199,"_95":200,"_144":201,"_146":-5,"_147":133,"_148":202,"_149":150,"_105":203,"_100":31,"_152":153,"_154":204,"_156":27,"_157":-5,"_158":246,"_98":247},[],[200],[230,233,236,239,242,245],{"_103":171,"_95":99,"_144":172,"_146":-5,"_147":133,"_148":173,"_149":150,"_105":218,"_100":31,"_152":153,"_154":175,"_156":27,"_157":-5,"_98":250},[99],[],"showCompareCallout","pull","routes/_app","actionData","errors"]