Thamotharan Gopal - Cloud & DevOps Architect Portfolio

Published: (January 31, 2026 at 03:55 AM EST)
3 min read
Source: Dev.to

Source: Dev.to

About Me

I’m Thamotharan Gopal, a Senior Cloud & DevOps Architect with 14+ years of experience in the technology industry, including 12+ years specializing in cloud infrastructure and DevOps practices across AWS, Azure, and GCP.

My journey is driven by a passion for building resilient, scalable, and cost‑effective cloud solutions. I focus on multi‑cloud architecture, Kubernetes platforms, GitOps methodologies, serverless workloads, and enterprise modernization.

What I Hope to Express

  • Technical Depth – Expertise across multiple cloud platforms and DevOps tools.
  • Impact‑Driven Work – Real‑world achievements in migration, automation, and optimization.
  • Modern Approach – Commitment to cloud‑native technologies and best practices.
  • Continuous Learning – Staying current with evolving cloud technologies and methodologies.

Portfolio

Live Portfolio:

How I Built It

Tech Stack

  • Frontend: HTML5, CSS3, Vanilla JavaScript
  • Styling: Custom CSS with modern design patterns
    • Glassmorphism effects for depth
    • Gradient accents for visual interest
    • Smooth animations and transitions
    • Fully responsive mobile‑first design
  • Deployment: Docker + Nginx + Google Cloud Run
  • Development: Built with Google Antigravity AI assistant

Design Decisions

  • Modern Dark Theme – Dark background with vibrant gradient accents (purples, blues, teals) for a tech‑forward aesthetic.
  • Glassmorphism – Frosted‑glass effects with backdrop blur to create depth and visual hierarchy.
  • Performance First
    • Optimized images and assets
    • Lazy loading for better initial load times
    • Gzip compression via Nginx
    • Minimal dependencies (vanilla JS, no frameworks)
  • Responsive Design – Mobile‑first approach ensuring the portfolio looks stunning on all devices.

Development Process

  • Planning: Analyzed professional background and identified key achievements to highlight.
  • Design: Created a modern, premium design system with custom CSS variables for consistency.
  • Development: Built semantic HTML structure with accessibility in mind.
  • Interactivity: Added smooth animations, typing effects, and scroll‑based interactions.
  • Containerization: Dockerized the application with Nginx for optimal performance.
  • Deployment: Deployed to Google Cloud Run with required challenge labels.

Google AI Tools Used

Google Antigravity – Leveraged throughout the development process for:

  • Rapid prototyping of HTML structure
  • CSS design system creation
  • JavaScript interactivity implementation
  • Docker configuration optimization
  • Deployment automation

Antigravity significantly accelerated the workflow, allowing focus on design decisions and content while it handled implementation details efficiently.

What I’m Most Proud Of

  1. Premium Visual Design – Modern, eye‑catching design with glassmorphism, smooth gradients, and polished animations.
  2. Performance Optimization – Fast load times, smooth 60 fps animations, optimized asset delivery, Lighthouse scores 90+ across all metrics.
  3. Comprehensive Content – Condensed 14+ years of experience into a scannable, engaging format with clear impact highlights, detailed project showcases, organized skills taxonomy, and a professional timeline.
  4. Technical Implementation – Clean, maintainable code featuring semantic HTML5, CSS custom properties for theming, vanilla JavaScript (no framework bloat), and containerized deployment ready for production.
  5. Multi‑Cloud Expertise Showcase – Demonstrates proficiency across AWS, Azure, and GCP with specific service callouts and real‑world project examples.

Key Features

  • Typing Animation: Dynamic hero section with rotating role titles
  • 📊 Animated Counters: Stats that count up on scroll
  • 🎨 Glassmorphism UI: Modern frosted‑glass design elements
  • 🌊 Parallax Effects: Subtle depth through scroll‑based animations
  • 📱 Fully Responsive: Optimized for all screen sizes
  • Performance Optimized: Fast loading with lazy loading and compression
  • 🔒 Security Headers: Production‑ready Nginx configuration
  • 💬 Contact Form: Easy way to get in touch

Connect With Me

Thank you for checking out my portfolio! I’m excited to participate in the New Year, New You Portfolio Challenge and showcase my cloud & DevOps expertise. Looking forward to connecting with fellow developers and cloud enthusiasts! 🚀

Back to Blog

Related posts

Read more »