Work tri-coma
web

TRI-COMA

Loud-luxury cologne e-commerce — Laravel 12 + Filament 3 with a dark glassmorphism storefront.

TRI-COMA is the storefront for an artisanal cologne line built around hemp- and cannabis-derived terpenes. The visual register is "loud luxury" — dark glassmorphism, heavy type, and product photography front-loaded above the fold. The plumbing is a Laravel 12 monolith with a Filament 3 admin for inventory, Stripe Checkout for payments (with encrypted-at-rest tokens), and a small-batch product model where every drop has finite stock.

Last updateMar 24, 2026 PrimaryPHP
  • PHP 8.3
  • Laravel 12
  • Filament 3
  • Blade
  • MySQL 8
  • Vite
  • Stripe
  • nginx
  • PHP-FPM
TRI-COMA — Loud-luxury cologne e-commerce — Laravel 12 + Filament 3 with a dark glassmorphism storefront.
TRI-COMA media
TRI-COMA media
TRI-COMA media
TRI-COMA media

TRI-COMA is the e-commerce storefront for a small-batch cologne line that leans into the "luxury, loud, legit" register — dark glassmorphism, heavy display type, product photography front-loaded above the fold, and a finite-stock model where every drop is genuinely small. The site is the brand's only retail channel.

What's actually wired up

  • Laravel 12 monolith with PHP 8.3 on nginx + PHP-FPM — Blade templates for the storefront, eloquent models for products / variants / orders / carts, MySQL 8 underneath. No SPA, no API layer for the retail surface; the form-post-and-redirect rhythm is load-bearing for SEO and just feels right for a cologne-merchant page.
  • Filament 3 admin for the back office — product CRUD, inventory, order fulfilment, customer view, content blocks. The whole "shop owner does everything from a single panel" surface lives here.
  • Stripe Checkout Sessions for payment — no card data ever lands on the server. Stripe tokens and webhook secrets are encrypted at rest in the database; rotation flows through Filament with a re-encrypt sweep.
  • Vite + vanilla CSS for the front end. No React, no Tailwind on the storefront — the glassmorphism look is hand-rolled CSS, layered backgrounds, and a small bundle of vanilla JS for the cart drawer + scroll behaviour.
  • Small-batch product model — every fragrance has a finite stock count and a release window. Sold-out variants stay on the page (so the history is visible) but flip to a "notify me" CTA instead of an Add-to-Cart.

Why this stack

Filament collapses what would otherwise be three or four Laravel-Nova-style packages into one admin: products, inventory, order management, and CMS-style content blocks all share the same auth, the same theming, and the same permissioned table primitives. For a one-merchant brand site, that's a fast lane from "Stripe is connected" to "we can run a drop tomorrow."

The terpene angle

The product line itself is the differentiator — colognes blended with hemp- and cannabis-derived terpenes, which sit far enough outside the usual perfumery palette that the brand voice (loud, neon, unapologetic) follows naturally. The storefront leans into that with full-bleed photography, generous black space, and a typographic hierarchy that lets each fragrance carry its own page.

Straight from the source

The project's own README.

Rendered in place — every link, image, and code block carried over from the repo. The page below is what a contributor would see opening the project for the first time.

TRI-COMA

Luxury · Loud · Legit — Premium terpene-infused colognes and perfumes.

About

TRI-COMA is an e-commerce storefront for artisanal, small-batch fragrances made with authentic hemp and cannabis-derived terpenes. Built with Laravel 12, Filament 3, and a dark-luxury glassmorphism design.

Quick Start

See docs/quick-start.md for full onboarding — stack, design system, key models, deployment, and gotchas.

Tech Stack

  • Backend: Laravel 12, PHP 8.3, MySQL 8
  • Admin: Filament 3
  • Frontend: Blade, vanilla CSS/JS, glassmorphism design
  • Server: Nginx, PHP-FPM 8.3, Certbot SSL
  • Payments: Stripe Checkout Sessions (encrypted in DB)

Commands

This project uses just as a command runner:

just deploy     # Full production deployment
just dev        # Local development server
just cache      # Clear all caches
just test       # Run tests
just status     # Laravel environment info

See docs/justfile.md for all recipes.

Documentation

Doc Purpose
docs/quick-start.md Onboarding guide for devs & AI agents
docs/justfile.md Justfile recipe reference
docs/feature/encrypted-settings.md Encrypted admin settings
docs/feature/checkout-flow.md Checkout hold state & Stripe transition
docs/feb-changes/ Historical sprint planning docs

Version

Current: v1.0.0 — see /changelog on the live site.

Gallery

The full set.

Build something like this

Want a tool like this for your shop?

We've shipped this kind of thing before. Twenty-minute intro call, no slides.