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.
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
2. Demo sản phẩm
Xem demo trực tiếp qua youtube tại đây