TY Dress Collection

Luxury South Asian couture e-commerce platform — live at tydresses.com

PHP 8 · MySQL · Vanilla JS · Whop Payments

Homepage — hero, collections, editorial layout

Screenshots

Shop — filters, sorting, grid	Product — variants, reviews, quick add
About — editorial storytelling	Shopping bag — live totals

What it does

• Storefront — 19 products across 6 collections with color variants, live inventory, search, category/size/colour/price filters, wishlist, reviews
• Payments — Whop API v1 hosted checkout with HMAC-verified webhooks (order creation, payment confirmation, refunds — all signed and audit-logged)
• Customer accounts — registration, login, order history, order tracking, profile management
• Admin panel — product CRUD, image management, order pipeline (paid → shipped → delivered), coupon engine (percentage/fixed/free-ship with usage limits), customer management, settings (free-shipping threshold, webhook secrets), newsletter
• SEO — dynamic meta tags, Open Graph, sitemap, robots, structured data, canonical URLs
• Zero frameworks — hand-built vanilla JS design system, dark/light themes, mobile responsive

Stack

Layer	Tech
Backend	PHP 8.2 (PDO prepared statements, no framework)
Database	MySQL — 10+ tables, foreign keys, indexes
Frontend	Vanilla JS · custom CSS design system · zero dependencies
Payments	Whop API v1 — hosted checkout + signed webhooks
Server	Apache (XAMPP local · production on Ubuntu VPS)

Quick start

# 1. Drop the repo into your XAMPP htdocs
# 2. Start Apache + MySQL
# 3. Visit http://localhost:8080/tydress/install.php
# 4. Click Install — creates the DB, seeds 19 products, 55 images, 25 reviews

Storefront: http://localhost:8080/tydress/ Admin: http://localhost:8080/tydress/admin (login: admin@tydress.com / ChangeMe!2026 — change it)

Payment flow

Customer → Checkout → Whop hosted payment page
                              ↓ (payment made)
              Whop → POST /webhooks/whop.php (HMAC signed)
                              ↓
              Verify signature → Create order → Update inventory
                              ↓
              Redirect → order-success.php → Confirmation email

Project structure

├── admin/           # Admin panel (products, orders, coupons, settings)
├── api/             # AJAX endpoints (cart, wishlist, search, reviews)
├── assets/          # Product images + static assets
├── database/        # Schema, seed data, production fresh-state script
├── includes/        # Config, auth, DB, helpers, Whop integration
├── webhooks/        # Whop payment webhook handler
├── tests/           # E2E test scripts
└── *.php            # Storefront pages

---

Built and maintained by Mustafa Khan · tydresses.com