Sinh viên Kỹ thuật Phần mềm · Nền tảng cốt lõi & Vibe Coding

Nắm chắc căn bản. Khám phá nhanh hơn với Vibe Coding.

Chào bạn, mình là Phúc — sinh viên Kỹ thuật Phần mềm tại IUH. Mình nắm vững Java, C, Python, HTML/CSS, và chủ động ứng dụng AI làm trợ lý tăng tốc (Vibe Coding) để nghiên cứu, thử nghiệm các bài toán kết nối thiết bị và công cụ web.

Giới thiệu bản thân

Học hỏi qua thực nghiệm & minh bạch kỹ thuật.

Chào bạn, mình là Nguyễn Phúc — sinh viên chuyên ngành Kỹ thuật Phần mềm tại Đại học Công nghiệp TP.HCM (IUH). Với niềm đam mê khoa học máy tính, mình ưu tiên rèn luyện tư duy lập trình căn bản song song với việc tiếp cận các phương pháp phát triển phần mềm hiện đại.

Về nền tảng vững chắc, mình tự tin với Java (OOP), C (thuật toán, quản lý bộ nhớ), Python (scripting, automation) và HTML/CSS. Để mở rộng giới hạn học hỏi, mình áp dụng phương pháp Vibe Coding / AI-assisted Development: trực tiếp lên ý tưởng và thiết kế luồng xử lý, dùng AI hỗ trợ sinh mã nguồn ban đầu & tra cứu tài liệu, sau đó tự tay cài đặt, debug trên thiết bị thật (Android, Mac) và tối ưu. Cách làm này giúp mình tiếp cận và học hỏi được từ các công nghệ phức tạp như PySide6/Qt, scrcpy/ADB, OpenGL concepts, React và WordPress thuần.

Portfolio này là nhật ký học tập và thử nghiệm công khai. Mình luôn minh bạch về vai trò của bản thân và AI trong từng dự án, lấy việc giải quyết bài toán và hiểu bản chất vận hành của hệ thống làm mục tiêu cao nhất.

Dự án thực nghiệm

Những bài toán nhỏ, học hỏi qua thực tế.

Thực nghiệm cá nhân · AI-Assisted POC

MultiDisplay

Tận dụng smartphone, iPad làm màn hình phụ không dây cho Mac qua mạng Wi-Fi cục bộ.

Bài toán đặt ra

Nhu cầu mở rộng không gian làm việc cho máy Mac bằng các thiết bị di động có sẵn mà không tốn chi phí mua thêm màn hình hay phần mềm trả phí.

Vai trò & Cách thức thực hiện (Vibe Coding)

Lên ý tưởng và thiết kế luồng: phối hợp cùng AI để nghiên cứu API màn hình ảo macOS (PyObjC/CoreGraphics), phát luồng ảnh động siêu nhẹ qua HTTP/MJPEG và làm cầu nối nhận cảm ứng từ trình duyệt gửi về qua ADB. Trực tiếp chạy thử nghiệm, đo đạc độ trễ và tinh chỉnh luồng dữ liệu trên Wi-Fi.

Kết quả & Bài học rút ra

Hoạt động ổn định trên trình duyệt trong mạng nội bộ. Dự án giúp mình hiểu sâu hơn về kiến trúc đồ họa macOS và cơ chế truyền phát hình ảnh độ trễ thấp.

  • Python
  • PyObjC
  • CoreGraphics
  • HTTP/MJPEG
  • ADB
  • Vibe Coding
Thực nghiệm cá nhân · AI-Assisted POC

MirrorScreen

Phản chiếu và điều khiển màn hình điện thoại Android lên máy tính qua cáp USB với độ trễ thấp.

Bài toán đặt ra

Theo dõi và điều khiển thiết bị Android từ máy tính phục vụ kiểm thử ứng dụng hoặc thuyết trình mà không bị giật lag hay phụ thuộc kết nối Internet.

Vai trò & Cách thức thực hiện (Vibe Coding)

Thiết kế kiến trúc ứng dụng; ứng dụng AI hỗ trợ phân tích giao thức scrcpy và sinh khung mã nguồn Python (PySide6, PyAV, OpenGL). Trực tiếp cài đặt, debug lỗi khung hình trên thiết bị thật, thử nghiệm cơ chế single-slot mailbox để hủy frame cũ khi CPU bận.

Kết quả & Bài học rút ra

Đạt luồng phản chiếu mượt qua USB. Giúp mình nắm vững cách xử lý giải mã luồng video nén YUV và giao tiếp thiết bị Android.

  • Python
  • PySide6
  • PyAV
  • Qt/OpenGL
  • ADB
  • Vibe Coding
Dự án mẫu (Case Study) · Khảo sát Web thuần

Kava Roastery

Mô phỏng website thương mại điện tử cà phê specialty, thử nghiệm kiến trúc WordPress/WooCommerce không dùng page builder.

Bài toán đặt ra

Khảo sát cách xây dựng website bán hàng tốc độ cao mà không bị phụ thuộc vào các page builder cồng kềnh (Elementor/Divi).

Vai trò & Cách thức thực hiện

Tự thiết kế giao diện theo Design Tokens; dùng AI hỗ trợ sinh cấu trúc module PHP OOP phân tầng và REST API; tự tay tùy biến WooCommerce, tối ưu CSS responsive và đo kiểm hiệu năng.

Kết quả & Bài học rút ra

Giao diện tải nhanh, chuyển trang mượt mà. Giúp mình hiểu sâu về luồng dữ liệu WooCommerce và cách viết code web chuẩn.

  • WordPress Core
  • WooCommerce
  • PHP (OOP)
  • REST API
  • Design Tokens
  • HTML/CSS
Dự án mẫu (Case Study) · Web app đặt lịch full-stack

VALOIR Coiffure (SalonFlow)

Web app đặt lịch cho một tiệm tóc hư cấu: lịch hiển thị khung giờ bận theo từng stylist, trang quản trị cho nhân viên, đăng nhập OAuth và cảnh 3D chuyển động theo cuộn trang.

Bài toán đặt ra

Khảo sát cách xây một ứng dụng đặt lịch hoàn chỉnh chứ không chỉ một trang giới thiệu: tránh đặt trùng giờ, phân quyền khách / nhân viên / quản trị, bảo vệ thông tin khách và vẫn có giao diện chuyển động mượt, tải nhanh.

Vai trò & Cách thức thực hiện

Đặt yêu cầu, chọn hướng thiết kế và làm việc cùng AI coding agent (Claude Code) để sinh mã Next.js / TypeScript theo kiến trúc phân tầng hướng đối tượng. Tự tạo dự án Supabase và Vercel, cấu hình đăng nhập Google / Facebook, chạy script SQL, rồi kiểm thử trên trình duyệt và báo các lỗi thật để AI truy nguyên nhân và sửa. Khi chữ bị đè lên mô hình 3D, yêu cầu thiết kế lại: AI dựng một design system (vùng chữ tách khỏi vùng mô hình, bốn lớp nền, thang chữ Cormorant / Geist), còn mô hình tự dịch chỗ theo từng đoạn trang.

Kết quả & Bài học rút ra

Chạy trên Vercel kết hợp Supabase: chống đặt trùng giờ bằng ràng buộc ở cơ sở dữ liệu, lịch công khai chỉ hiện khung giờ bận (không lộ thông tin khách), trang quản trị cho nhân viên, giao diện song ngữ Việt / Anh và bộ test tự động. Bài học: giờ của server và trình duyệt phải thống nhất một múi giờ.

Lưu ý minh bạch: VALOIR Coiffure là tiệm tóc hư cấu dùng để khảo sát kỹ thuật; thương hiệu, hình ảnh, địa chỉ, số điện thoại và đánh giá đều là giả lập, không có lịch hẹn hay dữ liệu thật.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Supabase
  • GSAP & Lenis
  • Three.js
  • next-intl
  • Vitest & Playwright
  • Vercel

Hỗ trợ dự án & Freelance

Hỗ trợ Web tĩnh, Script Python & Prototype nhanh.

Là một sinh viên ham học hỏi, mình nhận hỗ trợ bạn bè, cá nhân hoặc nhóm nghiên cứu hiện thực hóa ý tưởng với chi phí sinh viên, thái độ nghiêm túc và tinh thần trách nhiệm cao.

Web & UI Dự kiến: 2 – 4 ngày

Landing Pages & Web cá nhân

Website tĩnh giới thiệu bản thân hoặc sản phẩm bằng HTML/CSS hoặc React/Vite. Chuẩn responsive trên điện thoại, giao diện sạch sẽ, hỗ trợ triển khai miễn phí lên GitHub Pages hoặc Vercel.

Python Scripts Dự kiến: 1 – 3 ngày

Script Python & Tự động hóa

Viết script Python xử lý dữ liệu, chuyển đổi/lọc file PDF, trích xuất dữ liệu web cơ bản hoặc tự động hóa các tác vụ văn phòng lặp đi lặp lại.

Liên hệ & Trao đổi

Bắt đầu một dự án cùng nhau

Bạn đang cần làm một trang web cá nhân, một script tự động hóa hay cần người hiện thực hóa bản mẫu cho ý tưởng/đồ án? Đừng ngần ngại để lại lời nhắn, mình sẽ phản hồi sớm nhất có thể.

Gửi email: shinnguyennn@gmail.com Xem GitHub cá nhân