FRONTEND DEVELOPER
My Project

PROJECT 1

🔐 Two-Factor Authentication (2FA) App - React + Fastify

Đây là một dự án học tập nhỏ mô phỏng cách triển khai xác thực hai lớp (2FA) trong một ứng dụng web hiện đại. Dự án sử dụng React cho frontend và Fastify cho backend, nhằm tăng cường bảo mật đăng nhập bằng cách thêm bước xác minh thứ hai sử dụng TOTP (mã một lần dựa trên thời gian). Các công nghệ như JWT, bcrypt, và speakeasy được sử dụng để xử lý quy trình đăng nhập an toàn và tạo/xác minh mã 2FA.

🔐 Two-Factor Authentication (2FA) App - React + Fastify

PROJECT 2

Banner 3d slider

Một component Banner Slider sống động, kết hợp Three.js để tạo chiều sâu 3D, GSAP cho animation mượt mà, và tích hợp hoàn chỉnh trong môi trường Next.js hiện đại. Hiệu ứng chuyển cảnh mượt, hover tương tác ấn tượng, phù hợp cho các dự án yêu cầu trải nghiệm người dùng cao cấp.

Banner 3d slider

PROJECT 3

page animation v1

Đây là một trang landing page do tôi tự xây dựng, thể hiện khả năng tạo ra các animation web mượt mà và sống động bằng GSAP và Lenis. Trang này tập trung vào trải nghiệm cuộn mượt kết hợp với các hiệu ứng chuyển động tinh tế nhằm tăng cường khả năng kể chuyện bằng hình ảnh và thu hút sự tương tác của người dùng.

page animation v1

PROJECT 4

JWT Authentication App - React + Fastify (NeDB)

Hệ thống authentication (xác thực) và authorization (phân quyền) sử dụng React cho frontend và Node.js cho backend. Mục tiêu của dự án là giúp hiểu rõ quy trình đăng ký, đăng nhập, bảo vệ route, và phân quyền người dùng (RBAC) trong môi trường ứng dụng web hiện đại. Dự án áp dụng các công nghệ phổ biến như JWT, bcrypt, và có thể tích hợp Prisma, Zod, hoặc Fastify để tăng tính thực tế và mở rộng.

JWT Authentication App - React + Fastify (NeDB)

PROJECT 5

RBAC fullstack phân quyền người dùng

Đây là một dự án học tập nhỏ được xây dựng để thực hành mô hình RBAC (Role-Based Access Control) trong hệ thống fullstack. Dự án mô phỏng hệ thống phân quyền người dùng dựa theo vai trò và quyền hạn, giúp kiểm soát truy cập chi tiết đến từng tài nguyên của ứng dụng.

#nodejs#react#tailwind#fastify#typescript
RBAC fullstack phân quyền người dùng