Personal Portfolio Website

A clean, professional portfolio website designed to showcase academic and personal projects, skills, and professional experience to potential employers.

Overview

This portfolio website serves as a comprehensive showcase of my work as a software engineer. It features a modern, responsive design that works seamlessly across all devices—from desktop to mobile—making it easy for recruiters and hiring managers to learn about my projects, skills, and experience.

Key Features

  • Homepage Hero Section - Eye-catching introduction with clear call-to-action buttons
  • About Me Section - Professional background highlighting experience at Los Alamos National Laboratory and Strategy Realization LLC
  • Skills Grid - Interactive display of technical skills with hover effects
  • Featured Projects - Showcase of key academic and personal projects on the home page
  • Detailed Projects Page - Comprehensive project listing with links to in-depth project pages
  • Project Detail Pages - Deep dives into individual projects with technical details and downloadable reports
  • Resume Page - Quick access to professional information with downloadable resume PDF
  • Contact Page - Direct contact information and social media links
  • Responsive Design - Mobile-optimized navigation and layout

Technical Implementation

Built entirely with static HTML, CSS, and JavaScript for fast, lightweight performance and easy deployment to GitHub Pages.

  • HTML - Semantic structure across 8 pages (home, projects, project details, resume, contact)
  • CSS - Custom utility-first styling with gradients, animations, and hover effects
  • JavaScript - Mobile navigation toggle for responsive menu behavior
  • Responsive Design - Mobile-first approach with media queries for all screen sizes
  • Accessibility - ARIA labels, semantic HTML, and keyboard navigation support

Design Highlights

The portfolio features a modern, professional aesthetic with subtle visual polish:

  • Gradient backgrounds and color overlays for visual depth
  • Smooth transitions and hover effects on interactive elements
  • Card-based layout with shadow effects that lift on interaction
  • Consistent color palette (slate blue/sky blue accents)
  • Clean typography using the Inter font family

Skills Demonstrated

Web design, front-end development, responsive design, CSS animations, HTML semantics, version control (Git), static site generation, and UI/UX principles.

Deployment

This portfolio is hosted on GitHub Pages, allowing for easy updates through Git version control and free hosting directly from a repository.