https://github.com/kappil-garg/personal-website-ui

A professional, responsive personal portfolio website built with Angular 20, featuring a clean design, dark/light theme support, showcasing modern web development practices with server-side rendering, lazy loading, and mobile-first responsive design
https://github.com/kappil-garg/personal-website-ui

angular angular-20 angular-ssr dark-theme developer-portfolio html javascript scss typescript vercel-deployment

Last synced: 3 months ago
JSON representation

A professional, responsive personal portfolio website built with Angular 20, featuring a clean design, dark/light theme support, showcasing modern web development practices with server-side rendering, lazy loading, and mobile-first responsive design

• Host: GitHub
• URL: https://github.com/kappil-garg/personal-website-ui
• Owner: kappil-garg
• License: mit
• Created: 2025-09-05T17:17:15.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-09-28T08:01:59.000Z (9 months ago)
• Last Synced: 2025-09-28T09:24:00.347Z (9 months ago)
• Topics: angular, angular-20, angular-ssr, dark-theme, developer-portfolio, html, javascript, scss, typescript, vercel-deployment
• Language: SCSS
• Homepage: https://www.kappilgarg.dev/
• Size: 3.66 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Personal Portfolio Website

[![Live Demo](https://img.shields.io/badge/Live%20Demo-Visit%20Site-20B2AA?style=for-the-badge&logo=google-chrome&logoColor=white)](https://kappilgarg.dev)

A modern, responsive personal portfolio website built with Angular 20, showcasing professional experience, projects, blogs, and skills.

## 🛠️ Technology Stack

- **Frontend Framework**: Angular 20

- **Language**: TypeScript

- **Reactive Programming**: RxJS 7.8

- **Styling**: SCSS with custom design system

- **Icons**: Font Awesome 6.5.1 (CDN)

- **Build Tool**: Angular CLI

- **Server-Side Rendering**: Express.js with Angular Universal

- **Code Quality**: ESLint, Prettier

- **Testing**: Jasmine, Karma

## 📊 Code Quality

- **Linting**: ESLint with Angular-specific rules

- **Formatting**: Prettier for consistent code style

- **Type Safety**: Full TypeScript implementation

- **Testing**: Jasmine and Karma test framework

- **Code Organization**: Modular architecture with clear separation of concerns

## ⚠️ Forking this repo?

I value keeping my site open source, but plagiarism is bad. It's disheartening when someone copies without giving credit. I spent considerable effort building and designing this website, and I'm proud of it! All I ask is that you don't claim this effort as your own.

**If you fork this repository, please:**

- Give proper attribution by linking back to this repository

- Don't claim the design or code as your own

- Feel free to use it as inspiration for your own unique portfolio

## 👨‍💻 About the Developer

**Kapil Garg** - Senior Java Backend Engineer

- **Location**: India

- **Website**: [kappilgarg.dev](https://kappilgarg.dev)

- **GitHub**: [Follow on GitHub](https://github.com/kappil-garg)

- **LinkedIn**: [Connect on LinkedIn](https://www.linkedin.com/in/kappil-garg)

---

*This portfolio website showcases professional development skills, technical expertise, and personal projects. Built with modern web technologies and best practices for performance, accessibility, and user experience.*