Portfolio

Website thương mại điện tử

ReactjsNodejsMySQLReduxTailwind CSSExpress.jsPrismaCloudinaryDockerJWTSentry

1. Công nghệ sử dụng

1.1. Front end

  • Xây dựng frontend với Vite + ReactJS + TypeScript, sử dụng shadcnUI và Tailwind CSS để tạo giao diện hiện đại, hiệu năng cao và dễ bảo trì.
  • Tích hợp Redux để quản lý toàn bộ state của ứng dụng, bao gồm thông tin người dùng, phiên đăng nhập và giỏ hàng.
  • Xây dựng hệ thống kiểm tra và xác thực dữ liệu form bằng Formik kết hợp Yup, giúp xử lý biểu mẫu hiệu quả và giảm thiểu lỗi người dùng.
  • Thực hiện kiểm thử giao diện và logic bằng Jest và React Testing Library, đảm bảo tính ổn định và độ tin cậy của ứng dụng.
System architecture
Quản lý state với Redux
System architecture
Kiểm thử giao diện với Jest và RTL

1.2. Back end

  • Phát triển backend bằng Node.js và Express, đảm bảo hiệu năng cao và dễ mở rộng.
  • Sử dụng Prisma ORM để thao tác dữ liệu, kết nối cơ sở dữ liệu MySQL được triển khai trong môi trường Docker.
  • Tích hợp Cloudinary để lưu trữ và quản lý hình ảnh trên nền tảng đám mây.
  • Triển khai cơ chế xác thực và phân quyền người dùng bằng JSON Web Token (JWT).
  • Thiết lập hệ thống Logging và Monitoring với Sentry nhằm theo dõi, phân tích và xử lý lỗi trong thời gian thực.
  • Xây dựng bash script tự động backup dữ liệu từ MySQL, hỗ trợ lưu trữ định kỳ và khôi phục nhanh chóng khi cần thiết.
  • Rate limiting, CORS, Security với Helmet và XSS Protection
System architecture
MySQL được triển khai trong môi trường Docker
System architecture
Dùng Cloudinary để lưu trữ hình ảnh tin tức, sản phẩm
System architecture
Script backup và restore dữ liệu database
System architecture
Logging & Monitoring với Sentry

2. Demo sản phẩm

Xem demo trực tiếp qua youtube tại đây