{label}{val}/10

); const mapW = 340; const mapH = 200; const toMapXY = (lat, lng) => { const x = ((lng + 180) / 360) * mapW; const y = ((90 - lat) / 180) * mapH; return { x, y }; }; const renderMap = () => (

{Array.from({ length: 20 }).map((_, i) => (

))} {Array.from({ length: 20 }).map((_, i) => (

))}

{(filteredUnis || []).map(u => { const pos = toMapXY(u.lat, u.lng); const isActive = mapHover === u.id || selectedUni?.id === u.id; return (

{ setSelectedUni(u); setView('detail'); }} onPointerDown={() => setMapHover(u.id)} onPointerUp={() => setMapHover(null)} onPointerLeave={() => setMapHover(null)} style={{ position: 'absolute', left: pos.x - 10, top: pos.y - 10, width: 20, height: 20, cursor: 'pointer', zIndex: isActive ? 10 : 5, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: isActive ? 18 : 14, transition: 'all 0.2s', filter: isActive ? 'drop-shadow(0 0 4px #FFFF00)' : 'none', transform: isActive ? 'scale(1.4)' : 'scale(1)', }} title={u.name} >

); })}

WORLD MAP v2.0

); const renderUniCard = (u) => { const match = getMatchScore(u); const voteCount = getVoteCount(u.id); const shortlisted = isShortlisted(u.id); return (

{ setSelectedUni(u); setView('detail'); }}> {prefs.degree !== 'Any Degree' && (

= 90 ? C.lime : match >= 80 ? C.yellow : C.orange, color: C.black, fontWeight: 'bold', fontSize: 11, padding: '2px 8px', fontFamily: 'Impact, Arial Black, sans-serif', ...raised, animation: blinkOn && match >= 90 ? 'none' : 'none', textShadow: '1px 1px 0px rgba(0,0,0,0.3)', }}> MATCH: {match}%{match >= 90 && (blinkOn ? ' ★' : '')}

)}

{u.flag}

{u.name}

{u.city}, {u.country} • {u.campus} Campus

{(u.bestFor || []).slice(0, 2).map(tag => ( {tag} ))} {costLabel(u.costOfLiving)}

"{u.vibe.substring(0, 80)}..."

{voteCount > 0 && ( 👥 {voteCount} vote{voteCount !== 1 ? 's' : ''} )}

); }; const renderDetail = () => { if (!selectedUni) return null; const u = selectedUni; const match = getMatchScore(u); const shortlisted = isShortlisted(u.id); const voteCount = getVoteCount(u.id); return (

{u.flag}

{u.name}

{u.city}, {u.country}

{prefs.degree !== 'Any Degree' && (

= 90 ? '#00FF00' : match >= 80 ? '#FFFF00' : '#FF6600', ...raised, padding: '4px 10px', display: 'inline-block', fontFamily: 'Impact, sans-serif', fontSize: 16, marginBottom: 8, textShadow: '1px 1px 0px rgba(0,0,0,0.2)' }}> {blinkOn ? '★' : '☆'} MATCH: {match}% {blinkOn ? '★' : '☆'}

)}

{(u.bestFor || []).map(tag => ( {tag} ))}

✨ Imagine Yourself Here...

{u.story}

📊 The Vibe Check

"{u.vibe}"

{renderBar('🎉 Campus Energy', u.energy)} {renderBar('👥 Social Life', u.social)} {renderBar('🌙 Nightlife', u.nightlife)} {renderBar('🎭 Culture', u.culture)} {renderBar('🌍 Intl Friendly', u.intlFriendly)} {renderBar('🛡️ Safety', u.safety)} {renderBar('✈️ Travel Access', u.travelAccess)}

💰 Practical Info

Affordability: {u.affordability}

Language: {u.language}

Campus Type: {u.campus}

Programs: {(u.degrees || []).join(', ')}

🌟 Highlights

{isMultiplayer && (memberList || []).length > 1 && (

💬 Who's Voting For This?

{(appData?.votes || []).filter(v => v?.uniId === u.id).length === 0 ? (

No votes yet... be the first!

) : ( (appData?.votes || []).filter(v => v?.uniId === u.id).map((v, i) => (

{v?._user?.displayName || v?.voterName || 'Someone'} voted for this! ✓

)) )}

)}

); }; const renderShortlist = () => { const saved = (UNIVERSITIES || []).filter(u => (appData?.shortlist || []).includes(u.id)); return (

⭐ YOUR DREAM LIST ⭐

{(saved || []).length} universit{(saved || []).length !== 1 ? 'ies' : 'y'} saved

{(saved || []).length === 0 ? (

📋

Your shortlist is empty!
setView('explore')}>Browse universities and tap ☆ SHORTLIST to save them here.

) : (

{(saved || []).map((u, i) => { const match = getMatchScore(u); return (

#{i + 1} {u.flag}

{ setSelectedUni(u); setView('detail'); }}> {u.name}

{u.city}, {u.country}

{prefs.degree !== 'Any Degree' && (

= 90 ? C.lime : C.yellow, padding: '2px 6px', fontSize: 11, fontWeight: 'bold', fontFamily: 'Impact, sans-serif' }}>{match}%

)}

🎉{u.energy}/10 👥{u.social}/10 {costLabel(u.costOfLiving)}

); })}

)}

); }; const shortlistNames = (appData?.shortlist || []).map(id => (UNIVERSITIES || []).find(u => u.id === id)?.name).filter(Boolean); return (

{/* Title Bar */}

🌐 Where To Go On Exchange v3.0

{/* Visitor Counter & Members */}

{String((memberList || []).length * 1337 + 42).padStart(6, '0')} visitors

{(memberList || []).slice(0, 5).map(m => (

typeof openProfile === 'function' && openProfile(m?.handle)} title={m?.displayName} onError={(e) => { e.currentTarget.style.display = 'none'; }} /> ))} {(memberList || []).length > 5 && +{(memberList || []).length - 5}}

{/* Navigation Tabs */}

{[{ id: 'explore', label: '🌍 EXPLORE', icon: '' }, { id: 'shortlist', label: '⭐ SHORTLIST', icon: '' }].map(tab => ( ))}

{/* Preferences Bar */}

setShowPrefs(true)} style={{ ...raised, background: '#FFFFF0', padding: 8, marginBottom: 8, cursor: 'pointer', border: `2px groove ${C.darkGrey}`, }} >

NEW! Configure Your Exchange Profile

{prefs.degree} • {prefs.region} • {prefs.vibe}

⚙️

{/* Main Content */}

{view === 'detail' ? renderDetail() : view === 'shortlist' ? renderShortlist() : (

{/* Map / List Toggle */}

{viewMode === 'map' && renderMap()}

Showing {(filteredUnis || []).length} of {(UNIVERSITIES || []).length} universities

{(filteredUnis || []).length === 0 ? (

🔍

No universities match your filters.

) : ( (filteredUnis || []).map(u => renderUniCard(u)) )}

)}

{/* Shortlist Marquee Banner */} {(shortlistNames || []).length > 0 && (

{[...shortlistNames, ...shortlistNames].map((name, i) => ( ⭐ {name} ⭐ ))}

)} {/* Status Bar */}

Ready 🌐 {(filteredUnis || []).length} destinations • ⭐ {(shortlist || []).length} saved

{/* Preferences Dialog */} {showPrefs && (

{/* Dialog Title Bar */}

⚙️ Exchange Profile Configuration

🎓 Academic Profile

Your Degree / Program:

🌍 Preferred Region

{(REGIONS || []).map(r => ( ))}

✨ Your Vibe

{(VIBES || []).map(v => ( setLocalPrefs({ ...localPrefs, vibe: v })} style={{ width: 16, height: 16 }} /> {v === 'Any Vibe' ? '🌈 ' : v === 'social students' ? '🎉 ' : v === 'big-city lovers' ? '🏙️ ' : v === 'budget-conscious students' ? '💰 ' : v === 'quieter academic vibe' ? '📚 ' : '✈️ '} {v} ))}

💰 Budget Tolerance

Max cost level: {localPrefs.budgetMax}/10 ({localPrefs.budgetMax >= 8 ? 'Only affordable' : localPrefs.budgetMax >= 5 ? 'Moderate' : 'Any budget'})

setLocalPrefs({ ...localPrefs, budgetMax: parseInt(e.target.value) })} style={{ width: '100%' }} />

)} {/* Processing Overlay */} {showProcessing && (

Processing Data...

Connecting to Exchange Database...
Filtering {(UNIVERSITIES || []).length} universities...
Calculating match scores...

)} {/* You've Got Mail Popup */} {showMailPopup && (

📧 You've Got Mail!

📬

Destination Added!

"{mailMsg}" has been added to your Dream List!

)}

); } )})})}}