@@ -462,6 +462,8 @@ export default function PortfolioSite(): JSX.Element {
462462 < a href = "#about" className = "font-semibold tracking-tight" > Varun Panuganti</ a >
463463 < nav className = "hidden sm:flex items-center gap-6 text-sm" >
464464 < a href = "#about" className = "hover:opacity-80" > About</ a >
465+ < a href = "#education" className = "hover:opacity-80" > Education</ a >
466+ < a href = "#experience" className = "hover:opacity-80" > Experience</ a >
465467 < a href = "#projects" className = "hover:opacity-80" > Projects</ a >
466468 < a href = "#contact" className = "hover:opacity-80" > Contact</ a >
467469 < a href = "/Varun_Panuganti_OG_Resume.pdf" className = "inline-flex items-center rounded-xl border px-3 py-1.5 text-sm hover:bg-zinc-50 dark:hover:bg-zinc-900" > Resume</ a >
@@ -491,6 +493,60 @@ export default function PortfolioSite(): JSX.Element {
491493 </ div >
492494 </ Section >
493495
496+ { /* Education */ }
497+ < Section id = "education" title = "Education" >
498+ < div className = "rounded-2xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 p-5" >
499+ < div className = "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3" >
500+ < div className = "flex items-center gap-3" >
501+ < img
502+ src = "/UW_logo.png"
503+ alt = "University of Washington logo"
504+ className = "h-10 w-10 object-contain rounded"
505+ />
506+ < div >
507+ < div className = "text-base font-semibold" > University of Washington (Seattle Campus)</ div >
508+ < div className = "text-sm text-zinc-600 dark:text-zinc-400" >
509+ Double Degree: Informatics (BS) & ACMS (Data Science and Statistics) (BS)
510+ </ div >
511+ </ div >
512+ </ div >
513+ < div className = "text-sm" > GPA: < span className = "font-medium" > 3.77</ span > </ div >
514+ </ div >
515+ < div className = "mt-3" >
516+ < a href = "/transcript.pdf" className = "text-sm underline underline-offset-4" > View Transcript</ a >
517+ </ div >
518+ </ div >
519+ </ Section >
520+
521+ { /* Experience */ }
522+ < Section id = "experience" title = "Work Experience" >
523+ < div className = "rounded-2xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 p-5" >
524+ < div className = "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3" >
525+ < div className = "flex items-center gap-3" >
526+ < img
527+ src = "/iCode_Logo.jpg"
528+ alt = "ICODE logo"
529+ className = "h-10 w-10 object-contain rounded"
530+ />
531+ < div >
532+ < div className = "text-base font-semibold" > ICODE</ div >
533+ < div className = "text-sm text-zinc-600 dark:text-zinc-400" > Sammamish, WA</ div >
534+ </ div >
535+ </ div >
536+ < div className = "text-sm" > July 2024 – April 2025</ div >
537+ </ div >
538+ < ul className = "mt-3 list-disc pl-5 space-y-1 text-sm" >
539+ < li > Guided students in designing self-driving robots using VEX and sensors, culminating in a robot that consistently navigated a maze.</ li >
540+ < li > Mentored K–12 students in game development with Python (Pygame) and Unreal Engine, helping them build a 90%-complete racing game with AI opponents and physics simulation.</ li >
541+ < li > Instructed Java fundamentals (OOP, recursion, algorithms, and data structures), leading students to develop a Spring-based application for data processing and visualization.</ li >
542+ </ ul >
543+ < div className = "mt-3 text-sm" >
544+ Supervisor: < span className = "font-medium" > Rhett Davis</ span > { " " }
545+ < span className = "text-zinc-600 dark:text-zinc-400" > +1 425-281-3217</ span >
546+ </ div >
547+ </ div >
548+ </ Section >
549+
494550 { /* Projects */ }
495551 < Section id = "projects" title = "Selected Projects" >
496552 < div className = "flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between mb-5" >
0 commit comments