Chung Dinh Nguyen - Portfolio Website

A modern, responsive portfolio website showcasing my skills and experience as a Full Stack .NET & Angular Developer. This portfolio highlights my professional journey, technical expertise, and key achievements in software development.

🚀 Live Demo

Visit my portfolio: https://chungdinhnguyen.dev

📋 About

I'm a Full Stack Developer with 5+ years of experience specializing in .NET and Angular technologies. Currently working as a Senior Software Engineer at KiotViet Technology Corporation, where I develop and maintain software used by 70,000+ businesses globally.

Key Achievements

• 🏆 Best Staff Award recipient for 2 consecutive years (2022-2023)
• 📈 70,000+ businesses use software I help maintain
• 🎓 Top 3 Graduated Student in Software Engineering (2017)
• ⭐ 100% Success Rate on freelance projects

✨ Features

• Responsive Design - Works perfectly on all devices
• Modern UI/UX - Clean, professional design with smooth animations
• Performance Optimized - Fast loading and smooth interactions
• SEO Friendly - Optimized for search engines
• Progressive Web App - Includes web manifest for mobile installation
• Dark/Light Theme - Theme toggle functionality
• Interactive Elements - Smooth scrolling and animated sections
• Contact Form - Working contact form for inquiries

🛠️ Technologies Used

Frontend

• HTML5 - Semantic markup
• CSS3 - Modern styling with custom properties
• JavaScript - Interactive functionality
• Anime.js - Smooth animations
• Font Awesome - Icons
• Google Fonts - Typography (Inter & Fira Code)

Performance & SEO

• Responsive Web Design - Mobile-first approach
• Web Manifest - PWA capabilities
• Meta Tags - OpenGraph and Twitter cards
• Semantic HTML - Accessibility and SEO optimization

🚀 Getting Started

Prerequisites

• Any modern web browser
• Basic web server (optional, for local development)

Installation & Setup

1. Clone the repository

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

2. Open locally

   • Simply open index.html in your web browser
   • Or use a local server:

     # Using Python
     python -m http.server 8000
     
     # Using Node.js
     npx http-server
     
     # Using PHP
     php -S localhost:8000

3. Access the portfolio

   • Direct file: file:///path/to/index.html
   • Local server: http://localhost:8000

📁 Project Structure

portfolio/
├── index.html              # Main HTML file
├── styles.css              # Main stylesheet
├── script.js               # JavaScript functionality
├── site.webmanifest        # PWA manifest
├── favicon.svg             # Favicon
├── docs/                   # Documentation
│   └── CV-Chung-Dinh-Nguyen.pdf
└── README.md              # Project documentation

🎨 Customization

Colors

The portfolio uses CSS custom properties for easy theme customization:

• Primary: #8B5CF6 (Purple)
• Secondary: #10B981 (Green)
• Accent: #F59E0B (Orange)

Content

• Update personal information in index.html
• Modify projects and experience sections
• Replace CV file in docs/ folder
• Update contact information and social links

🔧 Development

Key Sections

1. Hero Section - Introduction and key statistics
2. About Section - Professional summary
3. Skills Section - Technical expertise
4. Experience Timeline - Work history
5. Projects Showcase - Featured work
6. Education - Academic background
7. Contact Form - Get in touch

Animation System

The portfolio uses Anime.js for smooth animations:

• data-anime="fade-up" - Fade in from bottom
• data-anime="fade-left" - Fade in from right
• data-anime="fade-right" - Fade in from left
• data-anime="zoom-in" - Scale up animation
• data-anime="slide-right" - Slide from left

📱 Progressive Web App

The portfolio includes a web manifest (site.webmanifest) making it installable on mobile devices:

• Custom app icon
• Standalone display mode
• Theme color customization
• Offline capability ready

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

📊 Performance

• Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Mobile Friendly: 100% responsive design

🤝 Contributing

While this is a personal portfolio, I welcome:

• Bug reports and fixes
• Performance improvements
• Accessibility enhancements
• Code quality improvements

📧 Contact

Chung Dinh Nguyen

• Email: [email protected]
• Phone: (+84) 34 892 5736
• LinkedIn: linkedin.com/in/chung-nguyen-dinh
• GitHub: github.com/ChuKhaLi

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Anime.js - For beautiful animations
• Font Awesome - For iconography
• Google Fonts - For typography
• All mentors and colleagues who supported my journey

---

⭐ If you find this portfolio helpful, please consider giving it a star!

Built with ❤️ by Chung Dinh Nguyen