video1.0<iframe src="https://www.loom.com/embed/3ba674dca31a44d7a2b2221cef79962c" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/3ba674dca31a44d7a2b2221cef79962c-9bce1f68b9e8405f.gif200.5971This is a Shopify app called "Draft Order Editor" that specializes in managing and creating draft orders for gutter guard installation kits. The application allows users to build custom gutter guard kits by selecting components, managing inventory, and creating draft orders with bulk purchasing capabilities. **Goal**: Gutter guard direct store has issue about destroying bundle when B2B customer change components of bundle products(bundled by cart extension) in draft order. So I have developed draftorder editor custom app built by gadget to prevent destroying bundle products in draftorder edition **Challenge**: I was tasked with building a comprehensive draft order management system that needed to handle: - Modify lineItems of draftorder without destroying bundle attributes - Complex B2B workflows with multiple company locations and contacts - Sophisticated bundle/kit building with dynamic component management - Multi-tier pricing (retail, wholesale, trade) with volume discounts - Advanced discount systems (codes, custom discounts, automatic discounts) **The Solution**: I architected and developed a full-stack Shopify embedded app that became a critical business tool. Here's what I built: 1. **Draft Order Management**: Created a sophisticated system that handles both B2B and B2C orders, with support for purchasing entities, payment terms, and complex discount logic. The system includes 500+ lines of carefully crafted business logic to handle edge cases and ensure data integrity. 2. **Kit Builder**: Developed an interactive kit builder that allows merchants to assemble multi-component products. The system handles: - Dynamic variant selection for each component - Real-time price calculations with multipliers - Volume discount calculations - Component swapping with batch operations - Inventory validation 3. **Admin Extension**: Built a custom Shopify Admin extension that provides quick access to the draft order editor directly from the Shopify Admin interface, improving merchant workflow. 4. **API Architecture**: Designed and implemented 100+ API endpoints, optimized GraphQL queries, and built robust error handling for Shopify's rate limits. The system efficiently synchronizes data between custom databases and Shopify. **Technical Highlights:** - 479+ data models integrated with Shopify - Complex GraphQL mutations handling 30+ custom attributes - Real-time inventory validation - Address autocomplete integration (Google Places API) - Catalog price management with multi-catalog support - Comprehensive error boundaries and logging