NA
NABIL ASOFI FULL-STACK ARCHITECT & CREATIVE TECH
11 PRODUCTION SITES ONLINE
Live Device Simulator
◆ PRODUCTION SHOWCASE ECOSYSTEM

Engineering the Edge of
Modern Web Performance

A master portfolio of 11 complete, production-grade web applications designed and coded from scratch. Zero external framework dependencies, 100% offline verified assets, fluid typography with CSS container queries, and hardware-accelerated 120fps motion craft.

11 / 11 Distinct Niche Builds
100% Local Verified Assets
<15ms Sub-Millisecond TTFB
HTML5 Top-Layer <dialog>
INTERACTIVE VIEWPORT BENCH

Live Device Simulator

Test-drive all 11 applications live inside responsive desktop, tablet, and mobile viewports without leaving this portfolio.

Full Window
http://localhost:3000/projects/08-lumina-dermatology/
CURATED CATALOG

The 11 Production Builds

Lumina Derma-OS 08 Clinical Intelligence

LUMINA DERMA-OS | Dermatology Practice Platform

Next-generation clinical practice intelligence. Real-time laser telemetry, interactive SVG facial mapping (Botox/fillers/rosacea), WhatsApp automated post-care follow-up sequences, and digital informed consent.

SVG Facial Map WhatsApp API Bot Before/After Slider
Launch ↗
Vanguard & Sterling 01 Trial & Corporate Law

Vanguard & Sterling | Corporate Advocacy

Premier corporate litigation counsel ($950M+ recovered). Features a 3-step dynamic case valuation wizard, precedent filtering, slide-over precedent drawer, and WCAG AAA compliance.

Intake Wizard Precedent Drawer Top-Layer <dialog>
Launch ↗
McKenzo & Co. 02 Bureau d'Études • Trilingue FR/AR/EN

McKenzo & Co. | Ingénierie & Stratégie Maroc

Cabinet agréé sous la direction de M. SALHI Anass. Primes Charte TPME 30%, PACT'Transmission 90%, simulateur d'aides d'investissement, matrice fiscale Tanger Med, expertise foncière et judiciaire, et parcours investisseur A-Z.

Trilingue FR/AR/EN RTL Natif Tanger Med Hub Simulateur Charte 30%
Launch ↗
Maison ASOFI 03 Moroccan Terroir & Export

Maison ASOFI | Terroir & Huile d'Olive

Heritage Moroccan gourmet terroir & olive oil export since 1994. Interactive B2B 20ft/40ft maritime container freight simulator, technical spec drawer, and authentic Atlas terroir photography.

Freight Simulator Spec Drawer B2B Wholesale
Launch ↗
Aussie Smile Holidays 04 Concierge Dental Tourism

Aussie Smile Holidays | Dental Concierge

Full-service Australian dental tourism concierge (Bali/Phuket/Bangkok). Dynamic AUD savings comparison ($15k–$40k AUD), 7-day vacation itinerary planner, Australian partner warranty, and instant quote modal.

AUD Savings Calc Itinerary Planner Clinic Warranty
Launch ↗
AETHER 01 Titanium 05 Audiophile DTC Hardware

AETHER 01 | Titanium Planar Headphones

Grade-5 titanium planar magnetic audiophile hardware. 3D cursor parallax tilt, 4-finish customizer, SVG EQ acoustic curve morpher, Web Audio tone synthesizer simulation, and express checkout cart drawer.

Web Audio Synth 3D Parallax Tilt Acoustic EQ Curve
Launch ↗
STRADA MONOLITH 06 Precision Industrial Machinery

STRADA MONOLITH | Dual-Boiler Espresso

Artisanal dual-boiler espresso machine. Hyperframe HTML5 canvas golden crema fluid extraction stream, mechanical SVG rotary gauge physics with pump jitter, and 28-second automated shot profiler.

Canvas Fluid Stream Gauge Needle Physics Barista Profiler
Launch ↗
VILLA SOLSTICE 07 Architectural Real Estate

VILLA SOLSTICE | French Riviera Monolith

Cap d'Antibes architectural cliffside estate. Interactive daylight-to-dusk solar lighting simulation slider (06:00 to 24:00 crossfade), 3-tier vector blueprint explorer with spatial pins, and $28.5M mortgage calculator.

Solar Dusk Slider Blueprint Explorer Wealth Calculator
Launch ↗
ARCHIVIST Journal 09 Editorial Journal & Archive

ARCHIVIST | Monolithic Architecture Journal

Quarterly review of spatial poetics and tactile brutalism. Real-time audio waveform canvas visualizer, top reading progress bar, 3-mode theme engine (Paper Cream / Dark / Sepia), and long-form reader modal.

Audio Waveform Canvas Reading Progress Multi-Theme Engine
Launch ↗
NEXUS PRIME Terminal 10 FinTech & Quant Terminal

NEXUS PRIME | Multi-Asset Trading Terminal

Sub-millisecond institutional execution terminal. Real-time HTML5 canvas candlestick charting with moving averages, live DOM order book with depth bars, leverage execution ticket, and portfolio margin risk telemetry.

Canvas Candlesticks Order Book DOM Margin Risk Engine
Launch ↗
SYNAPSE IT MAROC 11 Réseaux & Baies PME Maroc

SYNAPSE IT MAROC | Matériel, Serveurs & Baies PME

Infrastructure informatique clé en main pour PME marocaines (Casablanca, Rabat, Tanger). Vente de matériel certifié (Dell, Cisco, Fortinet, Synology), configurateur interactif de baies (12U-24U-42U), simulateur de sauvegarde anti-ransomware, câblage propre et infogérance sur site.

Configurateur Baie PME Fibre & Secours 4G Sauvegarde Anti-Piratage Devis MAD Direct
Launch ↗