; Hruthik Vuppu — Aspiring Cloud Engineer
cloud-ops — zsh
Open to Cloud Engineering Roles

Building cloud-native systems
and scalable
network infrastructure.

Computer Science student pursuing a career in cloud engineering — hands-on with AWS, Azure, Kubernetes, and enterprise network automation at scale.

scroll
AWS Azure Kubernetes Terraform Cisco Meraki Linux CI/CD Python VMware Microsoft Entra ID AWS Azure Kubernetes Terraform Cisco Meraki Linux CI/CD Python VMware Microsoft Entra ID
☁️
🔷
HV
Hruthik Vuppu
CS Student · Aspiring Cloud Engineer

Passionate Computer Science student with hands-on experience in cloud infrastructure, network automation, DevOps tooling, and machine learning. Working toward a career as a Cloud Engineer, building real production experience along the way.

0
GPA / 4.0
0+
Projects Built
0+
Years Experience
Dec '27
Graduation

Education &
Background

Studying at Eastern Illinois University, building expertise across the full stack — from low-level networking to cloud infrastructure and machine learning.

Eastern Illinois University
Bachelor of Science in Computer Science
GPA 3.7 Expected Dec 2027 Charleston, IL
Focus Areas
Networking · Cloud · Software Engineering · ML

Coursework spanning data structures, algorithms, networking protocols, cloud fundamentals, and machine learning applications.

Technical Toolkit

A versatile set of technologies across programming, infrastructure, and concepts.

Programming Languages
Python Java JavaScript C++ SQL
🔧
Technologies & Tools
AWS Azure Kubernetes Terraform Cisco Meraki Linux Git REST APIs
🧠
Concepts & Domains
Data Structures Algorithms OOP Machine Learning Networking Cloud Infrastructure DevOps Automation

Actively Building Toward
Cloud Engineering

Hands-on with these platforms daily through real infrastructure work — deepening depth in each as I go.

☁️
AWS
Hands-on
🔷
Azure
Hands-on
Kubernetes
Hands-on
🧱
Terraform
Hands-on
🌐
Cisco Meraki
Hands-on
🐧
Linux
Hands-on
🔁
CI/CD
Hands-on
🛡️
Entra ID / Intune
Hands-on

Featured Projects

A selection of things I've built — from full-stack platforms to ML pipelines.

PROJECT 01
GradNest — Student Networking Platform
A platform helping international students find OPT/CPT-friendly jobs, housing, and networking opportunities. Bridges the gap between student life and professional growth.
Full Stack Python REST API SQL
PROJECT 02
Student Financial Calculator & Deadline Tracker
A budgeting and deadline tracking system with intelligent reminders and financial planning tools tailored for students managing multiple responsibilities.
JavaScript Notifications Data Viz
PROJECT 03
ML for Medical Data Analysis
Analyzed medical datasets using multiple machine learning models — Logistic Regression, Decision Trees, and Linear Regression — to uncover patterns and predictive insights.
Python Scikit-learn ML Data Analysis

Where I've Worked

Real-world IT and technical support roles, building practical engineering instincts.

Systems and Network Automation Associate — EIU IT Services
May 2026 – Present
Eastern Illinois University · Currently here

Contributing hands-on to EIU's largest campus network overhaul in 25+ years — deploying, configuring, and validating 200+ Cisco/Meraki switches campus-wide. Writing scripts and API/CLI tooling to automate configuration deployment, administering Linux and VMware-hosted jump boxes, and running a Kubernetes cluster to host internal automation tooling. Supporting the migration from on-premises Active Directory to Microsoft Intune and Entra ID, with zero downtime maintained across the rollout through rigorous testing and rollback planning.

Technical Assistant — ITC Center
Feb 2024 – Present
Eastern Illinois University

Providing technical assistance and support at the ITC Center. Troubleshooting hardware, software, and network issues for students and faculty. Managing IT systems and ensuring smooth daily operations.

Technical Support Assistant — Campus Help Desk
Aug 2023 – Dec 2023
Eastern Illinois University

Delivered front-line technical support to the campus community. Diagnosed and resolved hardware, software, and connectivity issues. Maintained ticket tracking and ensured timely resolution for all escalated problems.

IT Intern
Mar 2023 – Aug 2023
Tech Mahindra

Completed an IT internship at Tech Mahindra, gaining exposure to enterprise-level IT operations, infrastructure management, and industry workflows. Collaborated with cross-functional teams on technical projects and developed practical skills in IT systems and support processes.

Let's build
something together.

Open to internships and full-time roles in cloud engineering, DevOps, or network infrastructure. Drop a message anytime.

transition: transform 0.1s, width 0.2s, height 0.2s, background 0.2s; } .cursor-follower { width: 36px; height: 36px; border: 1px solid rgba(139,92,246,0.4); border-radius: 50%; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9998; transform: translate(-50%,-50%); transition: transform 0.18s ease, width 0.2s, height 0.2s, border-color 0.2s; } body:has(a:hover) .cursor, body:has(button:hover) .cursor { width: 14px; height: 14px; } body:has(a:hover) .cursor-follower, body:has(button:hover) .cursor-follower { width: 50px; height: 50px; border-color: rgba(139,92,246,0.7); } /* Stars canvas */ #stars-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } /* Navbar */ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 20px 48px; display: flex; align-items: center; justify-content: space-between; background: rgba(5,5,8,0.6); backdrop-filter: blur(24px); border-bottom: 1px solid var(--border); transition: all 0.3s; } nav.scrolled { padding: 14px 48px; background: rgba(5,5,8,0.85); border-bottom-color: rgba(139,92,246,0.15); } .nav-logo { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.1rem; letter-spacing: -0.02em; color: var(--text); text-decoration: none; } .nav-logo span { color: var(--purple); } .nav-links { display: flex; gap: 36px; list-style: none; } .nav-links a { color: var(--text-dim); text-decoration: none; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.01em; transition: color 0.2s; } .nav-links a:hover { color: var(--text); } .nav-cta { background: var(--purple-dim); border: 1px solid var(--border-bright); color: var(--purple-light); padding: 8px 20px; border-radius: 8px; font-size: 0.875rem; font-family: 'DM Sans', sans-serif; cursor: none; transition: all 0.2s; text-decoration: none; } .nav-cta:hover { background: rgba(139,92,246,0.25); border-color: var(--purple-light); color: white; } /* Sections */ section { position: relative; z-index: 1; } /* Hero */ #hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 120px 48px 80px; text-align: center; } .hero-inner { max-width: 900px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--purple-dim); border: 1px solid var(--border-bright); border-radius: 100px; padding: 6px 16px; font-size: 0.8rem; color: var(--purple-light); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 40px; animation: fadeUp 0.8s ease both; } .hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--purple); border-radius: 50%; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.7); } } .hero-h1 { font-family: 'Syne', sans-serif; font-size: clamp(2.6rem, 5.5vw, 5rem); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; margin-bottom: 28px; animation: fadeUp 0.8s 0.1s ease both; } .hero-h1 .grad { background: linear-gradient(135deg, #c4b5fd 0%, #818cf8 40%, #60a5fa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-sub { font-size: 1.15rem; color: var(--text-dim); font-weight: 300; line-height: 1.7; max-width: 620px; margin: 0 auto 48px; animation: fadeUp 0.8s 0.2s ease both; } .hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; animation: fadeUp 0.8s 0.3s ease both; } .btn-primary { background: linear-gradient(135deg, var(--purple), #6366f1); border: none; color: white; padding: 14px 32px; border-radius: 12px; font-size: 0.95rem; font-weight: 500; font-family: 'DM Sans', sans-serif; cursor: none; transition: all 0.25s; text-decoration: none; display: inline-block; box-shadow: 0 4px 24px rgba(139,92,246,0.35); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(139,92,246,0.5); } .btn-secondary { background: var(--surface); border: 1px solid var(--border); color: var(--text-dim); padding: 14px 32px; border-radius: 12px; font-size: 0.95rem; font-weight: 400; font-family: 'DM Sans', sans-serif; cursor: none; transition: all 0.25s; text-decoration: none; display: inline-block; } .btn-secondary:hover { border-color: var(--border-bright); color: var(--text); background: var(--surface-hover); transform: translateY(-2px); } .btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--text-muted); padding: 14px 32px; border-radius: 12px; font-size: 0.95rem; font-family: 'DM Sans', sans-serif; cursor: none; transition: all 0.25s; text-decoration: none; display: inline-block; } .btn-ghost:hover { border-color: rgba(255,255,255,0.15); color: var(--text-dim); transform: translateY(-2px); } .hero-scroll-hint { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--text-muted); font-size: 0.75rem; letter-spacing: 0.05em; animation: fadeUp 1s 0.6s ease both; } .scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, var(--purple), transparent); animation: scrollDrop 2s infinite ease-in-out; } @keyframes scrollDrop { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform: scaleY(1); transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } } /* Section common */ .section-pad { padding: 120px 48px; } .section-label { display: inline-flex; align-items: center; gap: 10px; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--purple-light); margin-bottom: 20px; font-weight: 500; } .section-label::before { content: ''; width: 24px; height: 1px; background: var(--purple); } .section-h2 { font-family: 'Syne', sans-serif; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 16px; } .section-desc { color: var(--text-dim); font-size: 1.05rem; line-height: 1.75; font-weight: 300; } .container { max-width: 1100px; margin: 0 auto; } /* About */ #about { background: transparent; } .about-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: center; } .about-card { background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 40px; backdrop-filter: blur(20px); position: relative; overflow: hidden; } .about-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--purple), transparent); } .avatar-ring { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), #3b82f6); display: flex; align-items: center; justify-content: center; font-family: 'Syne', sans-serif; font-size: 2.2rem; font-weight: 800; color: white; margin-bottom: 24px; box-shadow: 0 0 40px rgba(139,92,246,0.4); flex-shrink: 0; } .about-name { font-family: 'Syne', sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; } .about-role { color: var(--purple-light); font-size: 0.9rem; margin-bottom: 24px; font-weight: 400; } .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; } .stat-item { background: rgba(139,92,246,0.06); border: 1px solid rgba(139,92,246,0.12); border-radius: 12px; padding: 16px; } .stat-num { font-family: 'Syne', sans-serif; font-size: 1.6rem; font-weight: 800; color: var(--purple-light); line-height: 1; margin-bottom: 4px; } .stat-label { font-size: 0.78rem; color: var(--text-muted); letter-spacing: 0.03em; } .edu-block { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px 28px; margin-bottom: 20px; transition: border-color 0.2s, box-shadow 0.2s; } .edu-block:hover { border-color: var(--border-bright); box-shadow: var(--glow-purple); } .edu-school { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; } .edu-degree { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 8px; } .edu-meta { display: flex; gap: 16px; flex-wrap: wrap; } .badge { background: var(--purple-dim); border: 1px solid var(--border-bright); color: var(--purple-light); padding: 3px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 500; } /* Skills */ #skills { background: rgba(139,92,246,0.02); } .skills-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; } .skill-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 32px; transition: all 0.3s; position: relative; overflow: hidden; } .skill-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--blue)); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; } .skill-card:hover { border-color: var(--border-bright); box-shadow: var(--glow-purple); transform: translateY(-4px); } .skill-card:hover::after { transform: scaleX(1); } .skill-icon { width: 44px; height: 44px; background: var(--purple-dim); border: 1px solid var(--border-bright); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 20px; } .skill-title { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 16px; color: var(--text); } .skill-tags { display: flex; flex-wrap: wrap; gap: 8px; } .skill-tag { background: rgba(255,255,255,0.04); border: 1px solid var(--border); color: var(--text-dim); padding: 5px 12px; border-radius: 8px; font-size: 0.8rem; transition: all 0.2s; } .skill-card:hover .skill-tag { border-color: rgba(139,92,246,0.2); color: var(--text); } /* Projects */ #projects { background: transparent; } .projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; } .project-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 32px; transition: all 0.3s; position: relative; overflow: hidden; display: flex; flex-direction: column; } .project-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 0% 0%, rgba(139,92,246,0.08) 0%, transparent 60%); opacity: 0; transition: opacity 0.3s; } .project-card:hover { border-color: var(--border-bright); transform: translateY(-6px); box-shadow: 0 20px 60px rgba(139,92,246,0.12); } .project-card:hover::before { opacity: 1; } .project-num { font-family: 'Syne', sans-serif; font-size: 0.7rem; font-weight: 700; color: var(--purple); letter-spacing: 0.1em; margin-bottom: 16px; opacity: 0.7; } .project-title { font-family: 'Syne', sans-serif; font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin-bottom: 12px; } .project-desc { color: var(--text-dim); font-size: 0.875rem; line-height: 1.7; flex: 1; margin-bottom: 24px; } .project-stack { display: flex; flex-wrap: wrap; gap: 6px; } .stack-tag { background: var(--purple-dim); border: 1px solid rgba(139,92,246,0.2); color: var(--purple-light); padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 500; } /* Experience */ #experience { background: rgba(59,130,246,0.02); } .exp-timeline { margin-top: 64px; position: relative; } .exp-timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, var(--purple), transparent); } .exp-item { padding-left: 40px; position: relative; margin-bottom: 48px; } .exp-item::before { content: ''; position: absolute; left: -5px; top: 6px; width: 11px; height: 11px; background: var(--purple); border-radius: 50%; box-shadow: 0 0 16px rgba(139,92,246,0.5); } .exp-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 32px; transition: all 0.3s; } .exp-card:hover { border-color: var(--border-bright); box-shadow: var(--glow-purple); } .exp-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; } .exp-role { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; } .exp-date { color: var(--purple-light); font-size: 0.8rem; background: var(--purple-dim); border: 1px solid var(--border-bright); padding: 4px 12px; border-radius: 8px; white-space: nowrap; } .exp-org { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 16px; } .exp-current { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: #34d399; letter-spacing: 0.04em; } .exp-current::before { content: ''; width: 6px; height: 6px; background: #34d399; border-radius: 50%; animation: pulse 2s infinite; } /* Contact */ #contact { background: transparent; } .contact-inner { max-width: 700px; margin: 0 auto; text-align: center; } .contact-links { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 48px; } .contact-link { display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 16px 28px; color: var(--text-dim); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.25s; } .contact-link:hover { border-color: var(--border-bright); color: var(--text); box-shadow: 0 0 30px rgba(139,92,246,0.12); transform: translateY(-3px); } .contact-link .icon { width: 36px; height: 36px; background: var(--purple-dim); border: 1px solid var(--border-bright); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; } .contact-email { margin-top: 32px; font-size: 1.6rem; font-family: 'Syne', sans-serif; font-weight: 700; letter-spacing: -0.02em; color: var(--text); text-decoration: none; display: inline-block; transition: color 0.2s; } .contact-email:hover { color: var(--purple-light); } /* Footer */ footer { border-top: 1px solid var(--border); padding: 32px 48px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; color: var(--text-muted); font-size: 0.8rem; position: relative; z-index: 1; } .footer-logo { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.9rem; color: var(--text-dim); } .footer-logo span { color: var(--purple); } /* Glow blobs */ .blob { position: fixed; border-radius: 50%; filter: blur(80px); pointer-events: none; z-index: 0; } .blob-1 { width: 500px; height: 500px; background: radial-gradient(circle, rgba(139,92,246,0.12), transparent 70%); top: -100px; right: -100px; animation: blobFloat 8s infinite ease-in-out; } .blob-2 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(59,130,246,0.08), transparent 70%); bottom: 20%; left: -80px; animation: blobFloat 10s 2s infinite ease-in-out reverse; } @keyframes blobFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-30px) scale(1.05); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Reveal animation */ .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } /* Mobile */ @media (max-width: 768px) { nav { padding: 16px 24px; } nav.scrolled { padding: 12px 24px; } .nav-links { display: none; } .section-pad { padding: 80px 24px; } #hero { padding: 100px 24px 80px; } .about-grid { grid-template-columns: 1fr; gap: 40px; } .skills-grid { grid-template-columns: 1fr; } .projects-grid { grid-template-columns: 1fr; } .hero-h1 { font-size: 2.4rem; } footer { padding: 24px; flex-direction: column; text-align: center; } .cursor, .cursor-follower { display: none; } body { cursor: default; } a, button { cursor: pointer; } } @media (max-width: 1024px) and (min-width: 769px) { .projects-grid { grid-template-columns: repeat(2, 1fr); } .skills-grid { grid-template-columns: repeat(2, 1fr); } }
Available for opportunities

Building modern software
systems and scalable
network solutions.

Computer Science student focused on networking, cloud infrastructure, software engineering, and IT systems.

scroll
HV
Hruthik Vuppu
CS Student · Aspiring Network Engineer

Passionate Computer Science student with hands-on experience in IT support, networking, cloud technologies, software engineering, and machine learning. Seeking to become a Network Engineer or Software Developer.

3.2
GPA / 4.0
3+
Projects Built
2+
Years Experience
Dec '27
Graduation

Education &
Background

Studying at Eastern Illinois University, building expertise across the full stack — from low-level networking to cloud infrastructure and machine learning.

Eastern Illinois University
Bachelor of Science in Computer Science
GPA 3.2 Expected Dec 2027 Charleston, IL
Focus Areas
Networking · Cloud · Software Engineering · ML

Coursework spanning data structures, algorithms, networking protocols, cloud fundamentals, and machine learning applications.

Technical Toolkit

A versatile set of technologies across programming, infrastructure, and concepts.

Programming Languages
Python Java JavaScript C++ SQL
🔧
Technologies & Tools
HTML CSS Git Terraform REST APIs
🧠
Concepts & Domains
Data Structures Algorithms OOP Machine Learning Networking Cloud IT Support

Featured Projects

A selection of things I've built — from full-stack platforms to ML pipelines.

PROJECT 01
GradNest — Student Networking Platform
A platform helping international students find OPT/CPT-friendly jobs, housing, and networking opportunities. Bridges the gap between student life and professional growth.
Full Stack Python REST API SQL
PROJECT 02
Student Financial Calculator & Deadline Tracker
A budgeting and deadline tracking system with intelligent reminders and financial planning tools tailored for students managing multiple responsibilities.
JavaScript Notifications Data Viz
PROJECT 03
ML for Medical Data Analysis
Analyzed medical datasets using multiple machine learning models — Logistic Regression, Decision Trees, and Linear Regression — to uncover patterns and predictive insights.
Python Scikit-learn ML Data Analysis

Where I've Worked

Real-world IT and technical support roles, building practical engineering instincts.

Technical Assistant — ITC Center
Feb 2024 – Present
Eastern Illinois University · Currently here

Providing technical assistance and support at the ITC Center. Troubleshooting hardware, software, and network issues for students and faculty. Managing IT systems and ensuring smooth daily operations.

Technical Support Assistant — Campus Help Desk
Aug 2023 – Dec 2023
Eastern Illinois University

Delivered front-line technical support to the campus community. Diagnosed and resolved hardware, software, and connectivity issues. Maintained ticket tracking and ensured timely resolution for all escalated problems.

IT Intern
Mar 2023 – Aug 2023
Tech Mahindra

Completed an IT internship at Tech Mahindra, gaining exposure to enterprise-level IT operations, infrastructure management, and industry workflows. Collaborated with cross-functional teams on technical projects and developed practical skills in IT systems and support processes.

Let's build
something together.

Open to internships, collaborations, and full-time roles in networking, cloud, or software engineering. Drop a message anytime.