v1.2.0: Major Content & Feature Expansion
This is a significant minor release that introduces new pages, detailed project showcases, and major structural improvements to the portfolio. The goal of this update is to provide a more engaging, comprehensive, and professional user experience.
✨ New Features & Pages
-
🚀 New Animation Splash Page (
animation.html
):- Added a brand new, visually stunning splash page featuring beautiful CSS animations, gradients, and particle effects.
- This page acts as a creative and impressive entry point to welcome visitors to the portfolio.
-
📄 New Detailed Project Pages (
brickshop.html
,omachashop.html
):- Each major project now has its own dedicated detail page.
- These pages provide an in-depth look at each project, including detailed feature lists, technology stacks, and extensive screenshot galleries for both customer and admin interfaces.
-
📄 New Resume Download Page (
download-resume.html
):- Created a dedicated page allowing visitors to download two versions of my CV:
- Summary Resume (1-Page): For a quick, high-impact overview.
- Comprehensive Resume: For a detailed, in-depth review.
- This feature enhances the professional experience for recruiters and hiring managers.
- Created a dedicated page allowing visitors to download two versions of my CV:
🔧 Enhancements & Improvements
-
🎨 Upgraded Footer Design:
- Replaced the old footer with a modern, multi-column dark footer.
- The new design is more structured, visually appealing, and provides quick access to key links and social profiles.
-
🌐 Full Bilingual Support on New Pages:
- All new pages (
animation.html
,download-resume.html
, project details) are fully integrated with the English/Vietnamese language switcher.
- All new pages (
-
🛠️ Codebase Refactoring (DRY Principle):
- Extracted the Header and Footer into separate JavaScript files (
header.js
,footer.js
) to avoid code repetition. - This makes the site easier to maintain and update, as changes only need to be made in one place.
- Extracted the Header and Footer into separate JavaScript files (
Tiếng Việt
Đây là một bản phát hành nhỏ (minor) nhưng rất quan trọng, giới thiệu các trang mới, phần trưng bày dự án chi tiết, và các cải tiến lớn về cấu trúc cho portfolio. Mục tiêu của bản cập nhật này là cung cấp một trải nghiệm người dùng hấp dẫn, toàn diện và chuyên nghiệp hơn.
✨ Tính năng & Trang mới
-
🚀 Trang Chào mừng Animation mới (
animation.html
):- Thêm một trang "splash page" hoàn toàn mới, cực kỳ bắt mắt với các hiệu ứng animation, gradient, và hạt bay được tạo bằng CSS.
- Trang này đóng vai trò là một điểm vào đầy sáng tạo và ấn tượng để chào mừng khách ghé thăm portfolio.
-
📄 Trang Chi tiết Dự án mới (
brickshop.html
,omachashop.html
):- Mỗi dự án lớn giờ đây đều có một trang chi tiết riêng.
- Các trang này cung cấp cái nhìn sâu sắc về từng dự án, bao gồm danh sách tính năng chi tiết, ngăn xếp công nghệ, và thư viện ảnh chụp màn hình phong phú cho cả giao diện người dùng và quản trị.
-
📄 Trang Tải CV mới (
download-resume.html
):- Tạo một trang chuyên dụng cho phép người xem tải về hai phiên bản CV của tôi:
- CV Tóm tắt (1 Trang): Cho một cái nhìn tổng quan nhanh và hiệu quả.
- CV Đầy đủ: Cho việc xem xét chi tiết và sâu sắc.
- Tính năng này nâng cao trải nghiệm chuyên nghiệp cho các nhà tuyển dụng.
- Tạo một trang chuyên dụng cho phép người xem tải về hai phiên bản CV của tôi:
🔧 Cải tiến và Nâng cấp
-
🎨 Nâng cấp Thiết kế Footer:
- Thay thế footer cũ bằng một thiết kế footer tối, nhiều cột hiện đại.
- Thiết kế mới có cấu trúc tốt hơn, hấp dẫn về mặt thị giác và cung cấp truy cập nhanh đến các liên kết chính và hồ sơ mạng xã hội.
-
🌐 Hỗ trợ Song ngữ Đầy đủ trên các Trang mới:
- Tất cả các trang mới (
animation.html
,download-resume.html
, trang chi tiết dự án) đều được tích hợp đầy đủ với bộ chuyển đổi ngôn ngữ Anh/Việt.
- Tất cả các trang mới (
-
🛠️ Tái cấu trúc Mã nguồn (Nguyên tắc DRY):
- Tách Header và Footer ra các tệp JavaScript riêng biệt (
header.js
,footer.js
) để tránh lặp lại mã. - Điều này giúp trang web dễ bảo trì và cập nhật hơn, vì các thay đổi chỉ cần được thực hiện ở một nơi duy nhất.
- Tách Header và Footer ra các tệp JavaScript riêng biệt (