~/zencode/demo-lab ● live

Demo
Lab. /* custom builds & technical explorations */

A collection of real client projects — from full-stack applications and loyalty systems to custom WooCommerce builds and interactive web experiences. Everything here is built, shipped, and battle-tested.

01 · custom-wordpress-sage.js WordPress
➜ custom-wordpress-sage ls lighthouse/
Lighthouse — Desktop 100/100
Lighthouse — Mobile 95/100
➜ custom-wordpress-sage ▌
01 live

Custom WordPress — Sage & Roots

A modern WordPress theme built from scratch with the Sage + Roots stack — Blade templating, Tailwind CSS, and Vite for a clean, maintainable build pipeline.

Achieved a 100/100 Lighthouse Performance Score on desktop and 95/100 on mobile — verified live with Google PageSpeed Insights.

  • ▸ Sage + Roots stack (Blade + Tailwind + Vite)
  • ▸ 100/100 Lighthouse — desktop
  • ▸ 95/100 Lighthouse — mobile
  • ▸ Zero layout shift, optimized Core Web Vitals
  • ▸ Fully custom, no page-builder bloat
02 · loyalty-backend.ts Backend
➜loyalty-api-nodegit log --oneline -3
a1b2c3d feat: webhook handlers
e4f5g6h feat: points calculation
i7j8k9l init: prisma schema
➜loyalty-api-nodecat package.json
// loyalty-api-node
const stack = {
runtime: 'Node.js',
language: 'TypeScript',
orm: 'Prisma',
database: 'PostgreSQL',
hosting: 'Supabase',
api: 'REST + Webhooks',
};
➜loyalty-api-nodenpm test
✓ 24 tests passed
✓ 0 failed
✓ coverage 92%
➜loyalty-api-node▌
02 backend complete

Loyalty System — Backend

A Node.js + TypeScript loyalty API designed as a modern backend replacement for a legacy WordPress-based loyalty system.

Designed with REST APIs, webhooks, Prisma, and PostgreSQL — with a clear separation between backend logic and frontend presentation.

  • ▸ Node.js + TypeScript
  • ▸ Prisma ORM + PostgreSQL
  • ▸ Supabase integration
  • ▸ REST API & Webhooks
03 · loyalty-frontend.tsx Frontend
➜loyalty-frontendgit log --oneline -3
a1b2c3d feat: dashboard layout
e4f5g6h feat: points overview widget
i7j8k9l init: vite + mui setup
➜loyalty-frontendcat package.json
// loyalty-frontend
const stack = {
framework: 'React',
language: 'TypeScript',
ui: 'Material-UI',
build: 'Vite',
styling: 'Tailwind CSS',
};
➜loyalty-frontendnpm run build
✓ built in 1.24s
✓ 0 errors
✓ bundle 184 kB
➜loyalty-frontend▌
03 in progress

Loyalty System — Frontend

A React + TypeScript dashboard for the loyalty system. Modern UI built with Material-UI components, ready to connect to the backend API.

Built with Vite and Tailwind CSS, fully responsive. API integration in progress.

  • ▸ React + TypeScript
  • ▸ Material-UI
  • ▸ Vite + Tailwind CSS
  • ▸ Responsive design
04 · ecommerce-lighthouse.js WooCommerce
➜ecommerce-lighthousels reports/
Lighthouse mobile
Lighthouse desktop
➜ecommerce-lighthouse▌
04 shipped

E-Commerce & Performance

A large-scale WooCommerce store with 3.000+ products and 30.000+ images — optimized to a 96/100 Lighthouse Performance Score.

Deep performance optimization — caching strategies, image compression, code splitting, database tuning. The result: a significantly faster and more stable platform, optimized for real-world traffic and large product catalogs.

  • ▸ 96/100 Lighthouse Performance (mobile)
  • ▸ 100/100 Best Practices, 92/100 SEO
  • ▸ 3.000+ products & 30.000+ images
  • ▸ Custom WooCommerce functionality
  • ▸ Zero downtime migration
05 · customer-rewards.js WooCommerce
➜customer-rewardsopen flames-demo.mp4
➜customer-rewards▌
05 live

Customer Rewards — "Flames"

An online store with a custom-built loyalty program where customers earn "Flames" for every completed purchase. Flames act as store credits — redeemable for discounts or saved for later.

Fully automated reward system integrated into cart and user accounts. Customers track points, see rewards per product, and choose when to use them.

  • ▸ Custom loyalty points system ("Flames")
  • ▸ Dynamic reward calculation per product
  • ▸ User account tracking & redemption
  • ▸ Fully automated discount application
06 · smart-cart.js WooCommerce
➜smart-cartls screenshots/
Smart cart interface
Optimized checkout
Smart cart with rewards
➜smart-cart▌
06 live

Smart Cart & Dynamic Pricing

A dynamic cart system designed to make shopping faster, smarter, and more engaging. Each setup is custom-built to match the store's goals — from quick add-ons to advanced discount logic.

An intuitive checkout flow that encourages upsells, rewards loyalty, and simplifies the path to purchase. Optimized for performance and conversions.

  • ▸ Real-time quantity discounts
  • ▸ One-click add-ons (express, gift)
  • ▸ Smart free-shipping & coupon triggers
  • ▸ Personalized recommendations in-cart
  • ▸ Seamless UX integrated with brand style
07 · interactive-designs.js Creative
➜ interactive-designs ls demos/
➜ interactive-designs ▌
07 live

Interactive Designs

Custom digital experiences built on WaveSurfer.js — an interactive sound editor with real-time waveform visualization, audio-reactive elements, and dynamic animations.

A hands-on audio editing interface with playback controls, region selection, and visual feedback — crafted without heavy libraries, focused on performance and usability.

  • ▸ WaveSurfer.js — real-time waveform rendering
  • ▸ Web Audio API + custom JS controls
  • ▸ Audio-reactive elements and motion banners
  • ▸ Custom-coded animations and transitions
  • ▸ Lightweight, performance-optimized build
08 · security-maintenance.js Support
➜ security-maintenance open overview.mp4
➜ security-maintenance ▌
08 ongoing

Security & Maintenance

Diagnosing and resolving real-world WordPress issues — from malware infections and hacked sites to performance bottlenecks, broken functionality, and deployment problems.

Long-term stability and smooth user experience — so you can focus on growing your business while your site runs in the background.

  • ▸ Deep malware and virus cleanup
  • ▸ Hacked website recovery
  • ▸ Security hardening & updates
  • ▸ Performance monitoring & backups
> Home > Demo Lab > About Us > Contact