Designers Glasses

Overview

Built for: Online eyewear shoppers in Pakistan, and the store owner and staff who manage the catalog, lens pricing and orders.

Main features

• Four-step lens configurator

  Vision type, prescription, add-ons and packages, with a live configuration summary and running total. Frame Only goes straight to the cart and Non-Prescription skips the Rx step.

• Flexible prescription entry

  Customers can type their prescription (both eyes, single or dual PD, optional prism at an extra charge), upload a prescription file, or fill it in from the prescription saved in their account.

• High-prescription filtering

  When the prescription reaches SPH 4.00 or CYL 2.00 or more in either direction (plus or minus), the configurator only offers packages marked as suitable for high prescriptions, which are the thinner high-index lenses.

• Admin Lens Engine

  Staff manage vision types, lens packages (index, thickness, branded and non-branded), add-on groups, add-ons and colors, plus a pricing matrix per vision type with auto-fill and package compatibility rules.

• Contact lens shop with volume pricing

  Per-eye power, base curve and diameter, a same-for-both-eyes option, box quantities and lens colors. Tier pricing is applied automatically based on the total number of boxes.

• Catalog filters synced to the URL

  Filter by gender, brand, category, frame shape, style, material, face shape, color, size, price and width, with search and sorting. Every filter is kept in the URL so results can be shared and bookmarked.

• Variant-level inventory

  Stock is deducted per frame color and size at checkout. The admin dashboard shows low-stock alerts across both variants and base products.

• Analytics and order management

  Revenue and order totals for any date range, compared with the previous period of the same length. Orders can be filtered by type, status, payment status and date, opened with their prescription details, and exported to Excel.

• Verified-buyer reviews

  Only customers who bought a product can review it. Reviews go through an approval queue, and an Artisan command auto-approves reviews that have been pending for more than 24 hours.

• Customer accounts and PDF invoices

  Customers see their order history, saved prescription, profile and wishlist, and can download PDF invoices. Order confirmations are sent by email.

Development and architecture

Data-driven lens pricing

I chose to model lens options as related tables (usages, packages, add-ons, colors, a pricing matrix and compatibility pivots) so the store can change its lens offer and prices without a developer.

Rule-based configurator flow

The configurator decides which steps to show from the selected vision type, validates the prescription, and narrows the lens packages when it detects a high prescription.

Encrypted card gateway integration

The HBLPay integration encrypts each order payload with a fresh AES key, RSA-encrypts the credentials and key, decrypts the encrypted return payload and maps response codes to order status. It sits behind a feature flag alongside PayPal and Cash on Delivery.

Prescription stored with each order

Each order item keeps the full prescription and lens choices as structured data, so staff have everything needed to fulfil the order in one place.

Reusable Excel export

A single export class and button component can export any model with a date range, filters and optional joins. Orders, customers and products all use it.

Auth and roles

Laravel Breeze handles sign-up with email verification. A role column and admin middleware protect the back office, and customers and staff are redirected to their own areas after login.

Technology

• Laravel
• PHP
• Livewire
• MySQL
• Tailwind CSS
• Alpine.js
• Vite
• Laravel Breeze
• PayPal JS SDK
• HBLPay
• DomPDF
• Laravel Excel