🎵 Boutique E-Commerce Platform

Elan Audio Lab

Full-stack e-commerce platform for a boutique tube amplifier brand with 35+ years of history. Product catalog, custom amp builder, dual payment processing, artist showcases, and a complete 20+ screen admin portal.

🌐 Visit Live Site ▶ Google Play See Screenshots ↓
Elan Audio Lab Home
Product Catalog
Amp Customization
3
Platforms (Web, iOS, Android)
652
Tests Passing
20+
Admin Screens
6
CI/CD Pipelines

A Complete E-Commerce Experience

Every feature a boutique brand needs - from browsing products to custom amp builds, dual payment processing, and artist community.

🛍️

Product Catalog

Heads, combos, cabinets, accessories, merch, and parts with filtering, search, product badges (new, sale, limited), and discount pricing.

Filtering Search Badges
🔧

Amp Customization Builder

Configure custom amplifier modifications with real-time pricing. Select add-ons, see running totals, save builds for later, and share configurations.

Real-time Pricing Save Builds Share
💳

Dual Payment Processing

Square Web Payments SDK for credit cards plus PayPal integration. Tax calculation, address verification via USPS, and order tracking.

Square PayPal USPS
🎸

Artist Showcases

Wall of Fame featuring artists and players who use Elan products. Testimonials, quotes, and YouTube video links for social proof.

Testimonials YouTube Social Proof
📦

Product Bundles

Curated bundle deals with automatic savings calculation. Shows individual vs. bundle pricing, included items, and one-click add to cart.

Savings Calc Bundle Deals
📖

Brand Story & Content

Rich "Our Story" page with the 35+ year history of MetalHead Electronics. Blog with CMS-driven content, media gallery, and newsletter sign-up.

Blog Gallery CMS
🛡️

Warranty Registration

Product registration form with serial number lookup, purchase date, and warranty activation. Feeds directly into admin panel for tracking.

Serial Lookup Registration
🎯

Quiz Recommender

Interactive quiz to help customers find the right amplifier based on their playing style, genre, and needs. Personalized product recommendations.

Interactive Personalized

See It in Action

Dark-mode-first design with warm orange accents - built to match the atmosphere of a tube amp workshop.

Built With Modern Tools

Cross-platform Flutter app backed by Supabase serverless infrastructure, with dual payment SDKs and comprehensive CI/CD.

📱

Flutter + Dart

Single codebase for Web, iOS, Android

Supabase

Auth, database, storage, edge functions

💳

Square SDK

Credit card processing (Web Payments)

🅿️

PayPal

Alternative payment method

🏗️

Riverpod + MVVM

State management & architecture

🧊

Freezed + GoRouter

Immutable models & path-based navigation

🔒

Row-Level Security

Database-level access control

🚀

6 CI/CD Pipelines

Web + Android + iOS x Staging + Prod

20+ Management Screens

A complete back-office for managing every aspect of the storefront - products, orders, customers, content, and system settings.

📊

Dashboard

Sales overview, recent orders, activity log

📦

Products & Categories

Full CRUD with images, pricing, badges

🛒

Orders & Customers

Order management, customer profiles

🔧

Customizations

Components, options, pricing rules

🎁

Bundles & Badges

Bundle deals, product badge management

📝

Blog & Gallery

CMS content, media management

🎯

Quiz & Waitlist

Recommender quiz config, waitlist signups

✉️

Email & Newsletter

Templates, messaging, subscriber management

⚙️

Site & System Settings

Feature flags, SEO, content pages

👤

User Management

Roles, permissions, account settings

See It Live

Elan Audio Lab is live on the web, Google Play, and the App Store.

🌐 elanaudiolab.com ▶ Google Play