The latest articles on DEV Community by Mahdi Rezaei (@mahdisohaily). https://dev.to/mahdisohaily https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F913175%2Fec2f29ae-06b0-43e6-9456-602a82782cac.jpg https://dev.to/mahdisohaily en Mahdi Rezaei Tue, 03 Nov 2026 09:58:37 +0000 https://dev.to/mahdisohaily/building-hazara-mom-stitches-a-laravel-storefront-for-hazaragi-clothing-i2j https://dev.to/mahdisohaily/building-hazara-mom-stitches-a-laravel-storefront-for-hazaragi-clothing-i2j <p>A storefront is one part of an e-commerce project. The rest is the journey around it: finding a collection, keeping a product for later, adding items to a cart, and checking an order.</p> <p>I built <strong>Hazara Mom Stitches</strong> as an independent full-stack project for Hazaragi clothing and embroidered goods, using <strong>Laravel, PHP and Livewire</strong>. This post introduces the public storefront and the workflows it brings together.</p> <h2> What the project includes </h2> <p>The website has English and Persian interfaces, product collections, a wishlist, a cart and order tracking. My role covered full-stack development.</p> <p>These features serve different moments in a shopping journey:</p> <ul> <li> <strong>Collections</strong> help people explore the clothing and embroidered products.</li> <li> <strong>A wishlist</strong> gives an interested visitor a place to keep an item for later.</li> <li> <strong>The cart</strong> brings selected items together.</li> <li> <strong>Order tracking</strong> gives customers a way to check what happens after placing an order.</li> </ul> <p>Treating those as connected steps makes it easier to reason about the product than looking at each page in isolation.</p> <h2> Two languages mean more than two sets of labels </h2> <p>The public site supports English and Persian. For a bilingual storefront, text direction is part of the interface: English reads left to right, while Persian reads right to left.</p> <p>A useful review follows an entire task in each language. Can someone find a collection, understand a product and reach the cart without losing context? Navigation, button labels and empty states all belong in that review. A translated heading alone does not tell you whether the flow is clear.</p> <h2> Thinking across the full stack </h2> <p>Working across the frontend and backend means looking at the same action from both sides. A cart action has an interface, but it also has application rules and stored information. Order tracking has a customer-facing view, but that view needs to communicate a meaningful order state.</p> <p>For me, that connection is the interesting part of full-stack development: the visible interface and the underlying workflow need to tell the same story.</p> <p>This is a public project introduction. It does not include customer records or private application code.</p> <p>You can explore the storefront at <a href="https://hms.naatrading.com/" rel="noopener noreferrer">Hazara Mom Stitches</a> and see more of my independent work in <a href="https://mahdirezaeidev.github.io/" rel="noopener noreferrer">my portfolio</a>.</p> <p>Which part of a bilingual shopping flow would you review first?</p> laravel webdev showdev ecommerce