My Personal Portfolio Website

"Coding is not just about logic, it's about creating art that works."

Giới thiệu

Chào mừng bạn đến với Personal Portfolio của tôi. Đây là một dự án Side Project được tôi xây dựng hoàn toàn từ đầu (from scratch) trong quá trình tự học và rèn luyện kỹ năng Frontend.

Mục tiêu của dự án này không chỉ để tạo ra một chiếc "CV Online" giới thiệu bản thân, mà còn là nơi tôi thực hành các kiến thức về HTML, CSS nâng cao và JavaScript thuần.

Demo

Xem trang web tại đây: PhucHungNanba

Công nghệ sử dụng

Tôi tập trung sử dụng các công nghệ cốt lõi để nắm vững nền tảng trước khi đi vào các Framework:

• HTML5: Xây dựng cấu trúc ngữ nghĩa (Semantic HTML).
• CSS3: Custom Properties (Variables), Flexbox, Grid Layout, Animations & Responsive Design.
• JavaScript (Vanilla): Xử lý logic chuyển tab, sidebar toggle và filter dự án.
• Ionicons: Bộ icon hiện đại cho giao diện.

Tính năng nổi bật

• Responsive Design: Tương thích hoàn toàn trên Desktop, Tablet và Mobile.
• Sidebar Navigation: Thanh điều hướng thông minh, ẩn/hiện mượt mà trên di động.
• Single Page Application Feel: Chuyển đổi giữa các mục (About, Resume, Portfolio...) mượt mà không cần load lại trang.
• Portfolio Filter: Lọc dự án theo danh mục (Web Design, Applications, Web Development).
• Contact Integration: Tích hợp liên kết nhanh đến Email (Gmail), LinkedIn và GitHub.

Giao diện trang web

Cài đặt & Chạy thử

Nếu bạn muốn tải source code này về máy để tham khảo:

1. Clone repository này:

   Linux, macOS và Windows:

   git clone https://github.com/PhucHungNanba/Portfolio.git

2. Di chuyển vào thư mục dự án:

   cd Portfolio

3. Mở file index.html bằng trình duyệt bất kỳ hoặc sử dụng Live Server trên VS Code để xem kết quả.

Liên hệ

Nếu bạn thấy hứng thú với profile của tôi hoặc muốn hợp tác, đừng ngần ngại liên hệ:

• Full Name: Huỳnh Phúc Hưng
• Email: huynhphuchung3001@gmail.com
• LinkedIn: Phúc Hưng Huỳnh