Gopal Saini - Personal Portfolio

I'm a Full Stack Architect and AI/ML Engineer with 15+ years of experience in building scalable web applications and intelligent systems. Currently engineering AI-driven solutions at Goldman Sachs.

🎓 Education

• Post Graduate in AI & ML - Comprehensive program covering machine learning, deep learning, NLP, and computer vision
• 15+ years of hands-on experience in enterprise software development

🚀 Core Expertise

• Frontend: React, TypeScript, Next.js, Modern CSS
• Backend: Node.js, Python, Enterprise APIs
• Cloud: AWS, Google Cloud Platform, Azure
• AI/ML: TensorFlow, PyTorch, Scikit-learn, Computer Vision, NLP
• DevOps: Docker, Kubernetes, CI/CD Pipelines

🛠️ Tech Stack

This portfolio is built with modern web technologies:

• Build Tool: Vite (Rolldown)
• Styling: Vanilla CSS with CSS Custom Properties
• JavaScript: ES6+ Vanilla JavaScript
• Linting: Biome
• Package Manager: pnpm
• Deployment: GitHub Pages with GitHub Actions
• Domain: Custom domain (gopalsaini.co.in)

📁 Project Structure

gsaini.github.io/
├── .github/
│   └── workflows/
│       └── main.yml          # GitHub Actions deployment
├── src/
│   └── styles.css           # All CSS styles
├── .gitignore               # Git ignore file
├── biome.json               # Biome configuration
├── index.html               # Main HTML file
├── package.json             # Dependencies and scripts
├── pnpm-lock.yaml           # pnpm lock file
└── README.md                # This file

🚀 Getting Started

Prerequisites

• Node.js 24.x or higher
• pnpm (recommended) or npm

Installation

1. Clone the repository

   git clone https://github.com/gsaini/gsaini.github.io.git
   cd gsaini.github.io

2. Install dependencies

   pnpm install

3. Start development server

   pnpm dev

4. Open in browser

   http://localhost:5173
   

📜 Available Scripts

Script	Description
pnpm dev	Start development server
pnpm build	Build for production
pnpm preview	Preview production build
pnpm lint	Run Biome linter
pnpm lint:fix	Fix linting issues
pnpm format	Format code with Biome
pnpm check	Run linting and formatting checks

🚀 Deployment

The site is automatically deployed to GitHub Pages using GitHub Actions when changes are pushed to the source branch.

Deployment Process

1. Code is linted and formatted using Biome
2. Site is built using Vite
3. Built files are deployed to GitHub Pages
4. Custom domain (gopalsaini.co.in) is configured

Manual Deployment

pnpm build
# Deploy the dist/ folder to your hosting provider

🎨 Features

• Responsive Design: Mobile-first approach with modern CSS Grid and Flexbox
• Performance Optimized: Fast loading with optimized assets
• SEO Friendly: Proper meta tags, structured data, and semantic HTML
• Accessibility: WCAG compliant with proper ARIA labels
• Modern Animations: Smooth CSS animations and transitions
• Dark Theme: Elegant dark color scheme with neon accents

🔧 Development

Code Quality

• Biome: Used for linting and formatting
• Modern CSS: CSS Custom Properties, Grid, Flexbox
• Semantic HTML: Proper HTML5 structure
• Performance: Optimized images and minimal JavaScript

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📞 Contact

• Email: gopal.saini.work@gmail.com
• Phone: +1 551 200 4845
• LinkedIn: linkedin.com/in/gopal-saini
• GitHub: github.com/gsaini
• Credly: credly.com/users/gsaini/badges

📄 License

This project is open source and available under the MIT License.

Built with ❤️ & empowered by AI