Back to all projects
CASE STUDY2024Frontend & Backend Developer
E-Commerce SZ
Full-stack e-commerce platform with product consultation chatbot, VNPay gateway, and RBAC.
ReactTailwind CSSExpressJSJava Spring BootMySQLDockerVNPay Sandbox
// CONTEXT & OBJECTIVE
E-Commerce SZ is a full-stack e-commerce project encompassing both customer shopping experience and administrative order management.
The project covers the core shopping workflow: product browsing, chatbot assistance, cart checkout, VNPay online payment, and order tracking.
// ENGINEERING CHALLENGES
Key Engineering Hurdles & Solutions
CHALLENGE 01
VNPay Payment Gateway Integration & Validation
Generated VNPay checkout URLs with HMAC-SHA512 checksum validation and updated order statuses upon receiving IPN callbacks.
CHALLENGE 02
User Authentication and Access Control
Implemented JWT token authentication and role-based permissions separating regular customers from admin operations.
// RESULTS & TAKEAWAYS
Measurable Outcomes & Learnings
>Completed the full end-to-end shopping and payment verification flow via VNPay Sandbox.
>Seamless integration between React frontend and RESTful backend APIs.
>Streamlined development and setup environment through Docker containers.