Full-stack commerce · Portfolio project

Built to sell.
Engineered to scale.

A complete shopper journey and operational control center—powered by a Laravel 12 API and a responsive React 19 experience.

Explore the source Tour the platform
  • 156 tests passing
  • 808 assertions
  • 17+ capabilities
commerce.localLIVE
Storefront catalog preview
POWERING THE EXPERIENCE
  • Laravel 12
  • React 19
  • Sanctum
  • React Router 7
  • MySQL
  • Vite 8

The customer experience

A shopper journey with no dead ends.

Discovery, decision, checkout, and post-purchase actions work as one continuous experience—with thoughtful validation, loading, empty, and recovery states.

  1. 01
    DiscoverSearch, filter & sort
  2. 02
    DecideGallery, pricing & reviews
  3. 03
    PurchaseCart, coupon & checkout
  4. 04
    ReturnOrders & verified reviews
SHOPPER VIEWResponsive storefront
Product details page with image gallery, pricing, reviews, and add to cart panel

Storefront

Designed around buying confidence.

Clear pricing, visible stock states, approved review summaries, and stock-aware cart validation help customers move from curiosity to checkout without friction.

01

Flexible product discoverySearch, category, featured, sorting, and pagination filters.

02

Stock-aware commerceQuantities are validated against real inventory before checkout.

03

Trusted product feedbackOnly verified purchasers can create managed product reviews.

The operations layer

One workspace. Every commerce signal.

From catalog maintenance to fulfillment and reporting, admin-capable teams get a secure operational view with traceable actions.

ADMIN CONTROL CENTERSECURE
Admin dashboard with commerce metrics, quick actions, and platform status
CATALOGProducts & categoriesImages, pricing, visibility, and organization
INVENTORYStock that stays accountableAdjustments with full movement history
FULFILLMENTControlled order flowSearch, filters, detail, and status transitions
INTELLIGENCEReports with contextSales, products, stock, reviews, and audit logs
01

Catalog

Merchandising tools

Category, product, image, featured state, price, and availability management.

  • Primary image control
  • Search & filters
  • Stock status
02

Revenue

Orders & coupons

Redemption-aware discounts and controlled order status workflows.

  • Coupon validation
  • Order snapshots
  • Status history
03

Trust

Moderation & audit

Review moderation and filterable action history with before-and-after values.

  • Verified reviews
  • Audit metadata
  • Role protection

Under the storefront

Two applications.
One deliberate system.

A clear API boundary keeps the Laravel backend focused on business rules and the React SPA focused on user experience—without mixing responsibilities.

Explore the architecture

Laravel API

Reliable business core

  • Thin controllers
  • Form Requests
  • Service classes
  • Transactions & row locks
  • API Resources
  • Sanctum authentication

React SPA

Responsive experience

  • React Router
  • Route guards
  • Shared Axios client
  • Service modules
  • Auth & cart contexts
  • Intentional UI states
156Backend testspassing
808Assertionsverified
PASSFrontend ESLintclean
PASSProduction buildverified

Open-source portfolio project

See the decisions behind the experience.

Explore the Laravel API, React frontend, database references, and quality documentation in one repository.

View on GitHub