Thiết kế web · PeterPark

HTMLCSSJavaScriptSEOGitHub Pages

My Agent – web dịch vụ thiết kế

Website doanh nghiệp của My Agent, nơi mình nhận thiết kế website, landing page và web bán hàng. Mình tự làm từ giao diện, nội dung đến cấu hình tên miền riêng.

Các trang dịch vụ, dự án, công cụ, giới thiệu và liên hệ, có trang chính sách bảo mật và ghi nguồn.
Giao diện tối, hiệu ứng nhẹ, đọc tốt trên điện thoại.
Thẻ SEO, sitemap và tên miền riêng myagentvn.com có HTTPS.

Xem website

HTMLCSSJavaScriptTrang tĩnhGitHub Pages

NhàĐất Việt – web bất động sản

Demo website bất động sản dạng trang tĩnh: trang chủ có ô tìm kiếm theo khu vực, loại hình, mức giá và diện tích, cùng các trang mua bán, cho thuê, dự án và tin tức.

Hơn 650 trang HTML tạo sẵn cho từng khu vực và loại nhà đất.
Bộ tìm kiếm theo khu vực, loại hình, giá và diện tích.
Toàn bộ tin đăng, giá và biểu đồ là dữ liệu mẫu; ảnh từ Wikimedia Commons có ghi nguồn.

Xem bản demo GitHub

Node.jsExpressJavaScriptRenderVibe coding

NHỊP – Web bán giày

Cửa hàng giày trực tuyến demo: xem, lọc, chọn size, cho vào giỏ và đặt hàng, kèm trang quản trị tồn kho.

100 mẫu giày thuộc 9 dòng, banner 5 slide, nhãn Mới / Bán chạy / Sale.
Tìm kiếm và lọc theo dòng, size, màu, giá, đang giảm giá.
Giỏ hàng dạng ngăn kéo, thanh toán một trang kiểm tra dữ liệu ngay khi nhập, mã giảm giá.
Trang quản trị: xem đơn, tìm kiếm và sửa tồn kho theo size.

Xem bản chạy GitHub

Bản demo trên hosting miễn phí (mở lần đầu mất khoảng 30 giây). Ảnh sản phẩm do AI tạo, đánh giá là nội dung mẫu.

**Trang chủ**Banner 5 slide và dòng sản phẩm

**Danh sách + bộ lọc**Lọc theo size, màu, giá

**Trang sản phẩm**Chọn màu, size, tồn kho

**Thanh toán**Một trang, báo lỗi ngay khi nhập

FlaskPythonSQLiteRenderVibe coding

Hướng Nghiệp 360

Web hướng nghiệp cho học sinh lớp 10–12: lộ trình từng bước cho mỗi lớp, trắc nghiệm sở thích và so sánh ngành học.

25 trang con hướng dẫn từng bước theo lộ trình lớp 10, 11 và 12.
Trắc nghiệm Holland (RIASEC) 30 câu, biểu đồ radar và gợi ý ngành phù hợp.
Đăng ký tài khoản, lưu kết quả trắc nghiệm và tiến độ từng bước.
Trang ngành có số liệu thu nhập kèm nguồn, so sánh 2–3 ngành, đã chạy thật trên Render.
Mới cập nhật: thẻ “Tiếp tục từ chỗ dừng”, thanh thao tác dính đáy trên điện thoại, trắc nghiệm báo câu chưa trả lời; 124 kiểm thử tự động.

Xem bản chạy GitHub

Bản chạy dùng hosting miễn phí, lần đầu mở có thể mất khoảng 30 giây để khởi động.

**Lộ trình lớp 10**Checklist theo từng giai đoạn

**Trang con từng bước**Hướng dẫn, ghi chép và nguồn chính thống

**Trắc nghiệm Holland**30 câu, chỉ để tham khảo

HTMLCSSJavaScriptVibecode

Portfolio PeterPark

Chính trang web bạn đang xem. Mình tự thiết kế và viết bằng HTML, CSS, JavaScript thuần, không dùng framework, để trang tải nhanh và dễ sửa.

Bố cục gọn: chọn nhóm, bấm thẻ để xem chi tiết, hạn chế phải cuộn dài.
Dùng được bằng bàn phím: Tab, Enter và Esc để đóng.
Ảnh WebP tải lười, font tự host, có thẻ SEO và sitemap.

GitHub

Cách mình làm web bằng vibecode

Mô tả ý tưởng cho AI, rồi tự chỉnh từng dòng code và giao diện.

index.html

<section class="hero">
<h1>Xe mới về</h1>
<button>Xem xe</button>
</section>

.hero { background: #1e6bff; }
/* AI gợi ý: thêm hiệu ứng hover */▌

localhost:5500 · Xem trước

Ảnh chụp website bán ô tô

“Tạo giúp mình trang giới thiệu xe với tông xanh trắng, có hiệu ứng khi rê chuột|”

Website bán ô tô

Trang giới thiệu và bán xe.

HTMLCSS

Portfolio PeterPark

Chính trang web này.

VibecodeJS

Dự án tiếp theo

(Sẽ cập nhật)

Sắp làm