Online store with payment API gateway integration and modular
Development of a functional E-commerce solution using pure JavaScript (Vanilla JS) with the architectural pattern of data encapsulation.
Technical features and implemented functionality:
1. Cart State Management: an isolated software module for state management that ensures dynamic addition, removal, and instant recalculation of the total cost without reloading the page.
2. Local Database: dynamic rendering of the product catalog from arrays of objects has been implemented (simulating interaction with JSON REST API responses).
3. Payment Gateway Simulation: custom integration of the API protocols WayForPay and LiqPay. An asynchronous handler checks the validation of the checkout form, blocks the interface during the request, generates a unique transaction ID, and returns a SUCCESS status with fiscal data.
4. Layout: semantic HTML5, responsive CSS grid (Flexbox/Grid), built according to the BEM methodology using centralized CSS variables.
Technical features and implemented functionality:
1. Cart State Management: an isolated software module for state management that ensures dynamic addition, removal, and instant recalculation of the total cost without reloading the page.
2. Local Database: dynamic rendering of the product catalog from arrays of objects has been implemented (simulating interaction with JSON REST API responses).
3. Payment Gateway Simulation: custom integration of the API protocols WayForPay and LiqPay. An asynchronous handler checks the validation of the checkout form, blocks the interface during the request, generates a unique transaction ID, and returns a SUCCESS status with fiscal data.
4. Layout: semantic HTML5, responsive CSS grid (Flexbox/Grid), built according to the BEM methodology using centralized CSS variables.