How This Portfolio Was Built

A walkthrough of the tools, design, and deployment pipeline behind this site.

Stack Overview

  • Next.js 15 for the frontend framework and routing
  • Tailwind CSS for styling and layout
  • React 18 for Azure compatibility
  • GitHub Actions for CI/CD (Continuous Integration / Continuous Deployment)
  • Azure Static Web Apps for hosting and serverless API routes
  • Azure AI for live sentiment and Q&A demos
  • Custom Domain linked via GoDaddy and validated in Azure
  • Selenium-based E2E testing with ChromeDriver and Python

Selenium Testing Preview

Key Features

  • Live project carousel with interactive demos
  • Reusable components (Layout, Contact, Certifications, etc.)
  • Markdown-style project descriptions and page metadata
  • GitHub integration with automatic CI/CD on push via GitHub Actions
  • Azure Functions for live API endpoints (e.g., sentiment analysis, FRED)
  • Selenium-based automated testing with Python to validate deployments
  • Deployed and running globally on Azure with HTTPS and a custom domain

Why This Matters

This portfolio demonstrates real-world cloud deployment skills along with front-end design and AI integration. It’s more than a resume — it’s a living project with practical value.