Miini E-Commerce

A walkthrough of the customer journey and the admin tools that help manage daily store operations.

1. 01

   Browse & discover

   The storefront helps customers find products quickly through categories, search, and product pages with clear images, details and availability. The experience is designed to reduce friction from browsing to purchase.

   

   

2. 02

   Shop before creating an account

   The cart works without an account. Items stay in the browser while the customer continues shopping and the basket merges after login so nothing is lost on the way to checkout.

   

3. 03

   Checkout

   Checkout follows a clear path: basket, shipping address, then payment. Shipping supports the US and Canada, with free delivery above a configurable threshold. Payment runs through Stripe Checkout and the cart clears after a successful purchase.

   

   

4. 04

   Orders & account

   After purchase, customers manage orders and profile settings from their account. Order history covers the full status flow from pending to paid, processing, shipped and delivered, as well as canceled and refunded orders. Unpaid orders can resume payment and pending orders can be canceled.

   

5. 05

   Admin dashboard

   The admin home screen gives a sales overview with revenue, average order value, refunds and net revenue, along with charts by period, a fulfillment queue, top sellers, recent orders and low-stock alerts.

   

   

6. 06

   Catalog CMS

   Admins create and edit products with multi-image upload, stock management, categories and featured placement for best sellers and trending products, including archive, restore and permanent delete options. Categories can be created, ordered and optionally assigned an image for the storefront.

   

   

7. 07

   Order operations

   Orders can be searched and filtered by customer name, email, order status or order ID. From the detail view, admins update fulfillment, tracking and internal notes, issue full Stripe refunds with optional restock and resend order emails when needed.

   

   

Miini is built as a full-stack e-commerce application with a React storefront on Vercel, a Node.js API on Railway and a MongoDB database. Payments are handled through Stripe Checkout and webhooks, while Resend provides transactional emails. Authentication uses secure JWT cookies, with backend protection for customer and admin workflows.

• A smoother shopping experience

  The cart supports both guest and registered customers, allowing shoppers to explore products freely while keeping their selections when they create an account.

• Reliable payment and order workflows

  Stripe Checkout and webhooks keep payment status, order updates and refund handling synchronized automatically, while transactional emails keep customers informed throughout the order process.

• Admin as a real CMS

  The admin dashboard provides the tools needed to maintain products, inventory, orders and customer activity without requiring code changes.

• Cart across guest and logged-in states

  Approach: The store needed to allow customers to browse and add products without requiring an account. The cart system was designed to support both guest and registered shoppers while preserving items during account creation.

  Result: Customers can explore products freely and continue their purchase journey without losing their cart.

• Keeping payments and orders synchronized

  Approach: Checkout creates a Stripe Checkout Session; webhooks update paid and refunded states so the admin timeline and customer emails match payment reality.

  Result: Fulfillment, refunds with restock, and order emails stay consistent with Stripe.

• Fulfillment tools store owners can run themselves

  Approach: Order detail was built so owners can update status, add tracking, leave internal notes, resend emails and issue refunds with restock without touching code or the database.

  Result: Day-to-day order work stays in the admin panel, so the store can keep moving after a sale.