Tổng quan
BrandCard là sản phẩm của chính mình, đang chạy tại brandcard.io.vn. Người dùng đăng nhập bằng Google hoặc mã OTP qua email, đi qua 3 bước onboarding rồi có ngay một trang hồ sơ cá nhân tại brandcard.io.vn/<slug> gồm thông tin liên hệ, Zalo, mạng xã hội, bản đồ và câu hỏi thường gặp. Mỗi hồ sơ đi kèm mã QR để in lên CV, portfolio, backdrop sự kiện hoặc danh thiếp. Mình tự làm toàn bộ, từ định hướng sản phẩm, thiết kế đến backend, frontend và vận hành.
Đóng góp chính
- Tự định hướng sản phẩm, thiết kế giao diện và xây dựng toàn bộ hệ thống từ đầu trên Next.js 16 App Router.
- Đăng nhập không mật khẩu bằng Auth.js v5 với Google OAuth và mã OTP qua email gửi bằng Resend.
- Thiết kế dữ liệu trên Neon Postgres với TypeORM và quy trình migration, upload ảnh ký phía server qua Cloudinary.
- Xây dựng onboarding 3 bước và editor bằng React Hook Form và Zod, có xem trước trực tiếp, FAQ tuỳ biến số lượng và Zalo tách riêng số điện thoại.
- Làm trang hồ sơ công khai /<slug> có metadata riêng cho từng hồ sơ và mã QR tạo bằng qr-code-styling, có truy vết lượt quét.
- Tự xây dashboard thống kê và trang admin, đo lường cookieless kết hợp PostHog.
