{/* HEADER */}

Internship Tracker

Go get that offer! 🚀

{/* KANBAN BOARD (Horizontal Scroll) */}

{(STAGES || []).map(stage => { const stageApps = (apps || []).filter(a => a.stage === stage.key); return (

{stage.label} {(stageApps || []).length}

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

Nothing here yet ✨

) : ( (stageApps || []).map(app => (

setActiveCard(app)} style={{ background: '#fff', padding: 16, borderRadius: 12, boxShadow: '0 2px 8px rgba(0,0,0,0.04)', whiteSpace: 'normal', cursor: 'pointer', transition: 'transform 0.1s', borderLeft: `4px solid ${app.color}` }} >

{app.company}

{app.role}

⏳ {getDaysUntil(app.deadline)}

)) )}

); })} {/* Spacer for scroll padding */}

{/* CONFETTI OVERLAY */} {showConfetti && (

{(confettiParticles || []).map(p => (

))}

YOU DID IT! 🎉

)} {/* CARD DETAIL SHEET */} {activeCard && (

setActiveCard(null)}>

e.stopPropagation()} // Prevent close on modal tap style={{ width: '100%', background: '#fff', borderRadius: '24px 24px 0 0', padding: '24px 24px max(env(safe-area-inset-bottom, 20px), 24px)', boxShadow: '0 -4px 20px rgba(0,0,0,0.1)', animation: 'slideUp 0.3s ease-out' }} >

{activeCard.company}

{activeCard.role}

Move to Stage

{(STAGES || []).map(s => ( ))}

📅 Deadline: {new Date(activeCard.deadline).toLocaleDateString()}

)} {/* ADD NEW MODAL */} {isAdding && (

New Application

)}

); }