Final-year CS Student · Frontend-focused

Junior-ready portfolio: thiết kế tốt, code chắc, và tư duy sản phẩm rõ ràng.

Mình là Thư High, sinh viên năm 4 ngành CNTT. Mình tập trung vào Frontend và xây các case-study thực tế để chứng minh năng lực triển khai sản phẩm từ UI đến logic.

thu.high.dev@gmail.com +84 901 234 567 Tìm cơ hội Internship / Junior Frontend
4 case study projects Product-thinking frontend Private repo friendly Interview ready

Project-first mindset

Không nói chung chung, luôn đi từ bài toán tới kết quả.

Code sạch và có tổ chức

Ưu tiên maintainability, dễ review, dễ mở rộng.

Hợp tác tốt trong team

Giao tiếp rõ, chủ động nhận feedback và iterate nhanh.

Quét nhanh hồ sơ trong 60 giây

Nếu bạn cần ra quyết định nhanh, hãy đi theo 3 mục dưới đây: CV snapshot, case study nổi bật và thông tin liên hệ để đặt lịch demo private project.

SV năm 4 nhưng có thể đóng góp gì ngay?

Mình không dùng portfolio để “trang trí”, mà dùng để thể hiện cách giải quyết vấn đề. Mỗi project đều có bối cảnh, ràng buộc, quyết định kỹ thuật và kết quả cụ thể.

Trong team, mình có thể nhận các task frontend production-level: xây component chuẩn, tích hợp API, tối ưu UX và xử lý lỗi giao diện theo checklist rõ ràng.

  • Đọc hiểu codebase nhanh và tự tách task rõ ràng.
  • Viết UI có structure để người khác maintain được.
  • Ưu tiên hiệu năng và accessibility ngay từ đầu.

Thông tin CV recruiter cần trong 30 giây

Stack

React, Next.js, TypeScript, UI systems

  • Frontend kiến trúc rõ ràng, ưu tiên maintainability
  • Làm việc tốt với REST API, state management và UX flow

Projects

4 case studies có cả public và private/NDA

  • Ops Dashboard: workflow UI cho operations team
  • B2B Workflow: dynamic form schema + role-based access
  • Hiring Landing: hierarchy nội dung + mobile-first UX
  • Task Workspace: sprint health và dependency visibility

Engineering Strengths

Không chỉ tool list, tập trung năng lực triển khai

  • UI architecture & component systems
  • State/data flow rõ ràng, giảm side-effects
  • Responsive + accessibility thực dụng
  • Performance awareness khi release

Education

Sinh viên năm 4 · Khoa học máy tính

  • Định hướng: Frontend / Product Engineering
  • Tập trung dự án thực tế thay vì chỉ bài tập mô phỏng

Availability

Seeking Internship / Junior Frontend

  • Available for technical test
  • Flexible schedule: part-time/full-time theo lịch học

Case Study Highlights

Ops Dashboard
  • Workflow UI cho operations team
  • Queue management, giảm thao tác lặp
B2B Workflow
  • Dynamic form schema, scale theo nghiệp vụ
  • Role-based access logic rõ và dễ kiểm soát

Mức độ phù hợp cho Internship / Junior Frontend

Bảng này giúp recruiter đối chiếu nhanh yêu cầu JD với bằng chứng từ case study.

Responsive UI & component structure

Thiết kế layout có hierarchy, chia component dễ maintain, chuẩn hóa token và trạng thái UI.

Xem bằng chứng

TypeScript + quản lý state rõ ràng

Tách state theo domain, giảm side-effects, hỗ trợ scale codebase và onboarding nhanh.

Xem bằng chứng

UX thực dụng cho business flow

Ưu tiên readability và conversion, cắt hiệu ứng dư thừa, giữ trải nghiệm mượt trên mobile.

Xem bằng chứng

Làm việc nhóm và tư duy sản phẩm

Có kinh nghiệm phối hợp PM/QA/Designer, trình bày decision log và xử lý trade-off kỹ thuật.

Xem bằng chứng

Vì sao có thể đóng góp ngay từ sprint đầu

4 real case studies

Có public và private project, trình bày được decision từ problem đến impact.

Product thinking

Luôn đi theo user flow, business constraints và release quality checklist.

UI architecture focus

Xây component system rõ ràng, dễ maintain và dễ onboard trong team.

Ready for code test

Sẵn sàng nhận test task, walkthrough kiến trúc và live coding khi cần.

GitHub Proof

Có thể xem repo highlights và commit history để đánh giá thói quen code, cách đặt tên, structure và khả năng maintain.

Xem GitHub contributions & repo highlights

Một số câu hỏi nhà tuyển dụng hay hỏi

Có thể làm bài test kỹ thuật không?

Có, sẵn sàng làm test task và giải thích approach chi tiết.

Có thể demo project private không?

Có thể demo trực tiếp trong buổi phỏng vấn theo phạm vi NDA.

Có thể làm part-time không?

Có, linh hoạt lịch part-time/full-time theo giai đoạn học kỳ.

Stack tập trung cho môi trường product

Frontend Engineering

  • React, Next.js, TypeScript
  • State management và component architecture
  • Animation có kiểm soát, ưu tiên UX

UI System & Quality

  • Design tokens, responsive system
  • Accessibility chuẩn thực tế
  • Performance tuning theo Core Web Vitals

Collaboration

  • Git workflow, review checklist
  • Viết tài liệu kỹ thuật ngắn gọn
  • Làm việc chặt với QA, PM, Designer

Case studies dành cho nhà tuyển dụng

Tập trung vào vấn đề, giải pháp và kết quả, không làm phô hiệu ứng.

Mỗi dự án đều có phần case study riêng. Với repo private/NDA, bạn vẫn xem được bối cảnh, kiến trúc, quyết định kỹ thuật và kết quả triển khai.

Public Case 2025
Preview case study Ops Dashboard Case Study

Admin Dashboard cho vận hành bán lẻ

Thiết kế lại dashboard theo flow thao tác thật của đội vận hành, giảm số bước xử lý đơn hàng và tăng độ rõ dữ liệu theo vai trò.

  • Tối ưu kiến trúc component + loading state.
  • Chuẩn hóa biểu đồ và form để giảm lỗi nhập liệu.
  • Refactor CSS sang design tokens nhất quán.
React · TypeScript · Chart.js
Private 2025
Preview case study B2B Workflow NDA Case

Nền tảng quản lý quy trình nội bộ (B2B)

Dự án dành cho doanh nghiệp, xử lý form phức tạp, phân quyền và workflow nhiều bước. Repo không public theo NDA.

  • Thiết kế lại luồng duyệt giúp giảm thao tác lặp.
  • Tách module theo domain để scale đội dev.
  • Đưa checklist quality vào trước mỗi release.
Next.js · TypeScript · REST API
Xem case study đầy đủ Demo theo yêu cầu Repo theo NDA
Public Case 2024
Preview case study Hiring Landing Public Case

Website tuyển dụng cho thương hiệu công nghệ

Thiết kế landing page theo mục tiêu tuyển dụng, tập trung vào readability, tốc độ tải và khả năng mở rộng nội dung HR.

  • Thống nhất typography và visual hierarchy.
  • Tối ưu responsive cho mobile-first traffic.
  • Giảm blocking scripts và cải thiện UX đầu trang.
HTML · CSS · JavaScript
Product 2024
Preview case study Task Workspace Product Case

Task Workspace cho team cross-functional

Hệ thống quản lý task với màn hình tổng hợp tiến độ, cảnh báo nghẽn và dashboard theo sprint cho PM và Engineer.

  • Thiết kế interactions giảm cognitive load.
  • Chuẩn hóa design system cho team 3 sản phẩm.
  • Đồng bộ naming convention giữa FE và BE.
Vue · TypeScript · Node.js

Các cột mốc học tập và thực chiến dự án

2026 - Hiện tại

Sinh viên năm 4 · Xây portfolio hướng tuyển dụng

Định hướng Frontend / Product Engineering

Tập trung hệ thống hóa 4 case study theo chuẩn recruiter: problem, constraints, kiến trúc, kết quả và bài học kỹ thuật.

  • Chuẩn hóa template case-study cho cả public và private repo.
  • Rèn khả năng trình bày quyết định kỹ thuật ngắn gọn, rõ ràng.
2025 - 2026

Đồ án và dự án nhóm tại trường

Team 3-6 thành viên

Triển khai các dự án có độ phức tạp tăng dần: dashboard, workflow nội bộ, landing page tuyển dụng, task workspace.

  • Xây component tái sử dụng và quy ước code review trong nhóm.
  • Tự kiểm thử responsive, accessibility và hiệu năng cơ bản.
2023 - 2025

Nền tảng kỹ thuật

Luyện thuật toán + web fundamentals

Rèn nền tảng HTML/CSS/JavaScript, sau đó chuyển sang React và TypeScript để làm các bài toán sản phẩm thực tế hơn.

  • Thói quen viết code có tổ chức, tách component rõ ràng.
  • Luyện tư duy phân tích bài toán trước khi code.

Quy trình 4 bước khi nhận một feature

01

Hiểu đúng bài toán

Chốt rõ user flow, success metric, phạm vi và rủi ro.

02

Thiết kế kỹ thuật

Tách component, state, API contract trước khi code.

03

Triển khai & review

Code sạch, test điểm rủi ro cao, review theo checklist.

04

Đo lường sau release

Đọc số liệu thật rồi tối ưu vòng tiếp theo.

Phù hợp vị trí nào, mình có thể trao đổi ngay

Mình ưu tiên vị trí Internship / Junior Frontend. Có thể gửi CV PDF, transcript và walkthrough dự án private qua email theo yêu cầu.

Gửi lời nhắn nhanh

Form sẽ mở email client với nội dung đã điền, để đảm bảo bạn gửi đúng người ngay lập tức.