Welcome to the repository of my personal portfolio website. This project showcases my professional journey, technical skillset, certifications, and featured projects in a premium, glassmorphic single-page application.
I am a Senior Full-Stack Engineer with 14+ years of experience bridging the gap between legacy banking systems (HP NonStop Tandem, COBOL, SWIFT) and modern cloud-native platforms (Java, Spring Boot, Kubernetes, GCP).
Currently leading payment service migrations at Deutsche Bank, I specialize in high-throughput transaction processing, secure CI/CD platforms, and scalable microservice architectures.
This portfolio is built using:
- Core: React 18 (TypeScript)
- Build Tool: Vite (for ultra-fast hot reloading and bundling)
- Styling: Premium Glassmorphic Design System (Vanilla CSS with custom properties and CSS variables)
- Aesthetics: Dark mode, glowing backdrop gradients, and interactive hover micro-animations.
harish-singla-portfolio/
├── src/
│ ├── components/
│ │ ├── Hero.tsx # Typing animations & social links
│ │ ├── About.tsx # Bio, stats, skills, certifications, & languages
│ │ ├── Experience.tsx # Interactive professional timeline
│ │ ├── Projects.tsx # Showcases public GitHub repositories
│ │ └── Contact.tsx # Contact details card
│ ├── App.tsx # Application layout & navigation
│ ├── index.css # Core design system & global styling
│ └── main.tsx # Entry point
- Node.js (v20 or higher recommended)
- npm
-
Clone the repository:
git clone https://github.com/singlaHarish/harish-singla-portfolio.git cd harish-singla-portfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
Open http://localhost:5173 in your browser to view the site.
-
Build for production:
npm run build
- LinkedIn: harish-singla-333bab22
- GitHub: @singlaHarish
- Email: harishsingla89@gmail.com