All projects

#206 GlobeTravel: Interactive 3D Travel Globe · A cinematic travel agency landing page built around a realistic Three.js Earth.
#205 ParticleLab: Interactive Particle Effects Studio · An interactive 2D Canvas and 3D Three.js particle effects studio powered by a zero-allocation Struct-of-Arrays…
#204 SoundForge: Interactive Sound Effects Studio · A procedural UI sound effects studio and multi-layer synthesizer built purely with the browser's Web Audio API and…
#203 WatchCraft: 3D Luxury Watch Configurator · An interactive 3D luxury watch product page and configurator for the AURORA A1 Chronograph built with Three.js r169…
#202 HeatMapPro — Interactive Website Heatmap Generator · An interactive website behavioral analytics studio and thermal heatmap engine.
#201 QueuePro — Smart Queue Management System · An intelligent queue management and priority scheduling studio for service venues.
#199 Findly — Intelligent Commerce Search · A standalone e-commerce search studio with a custom inverted index and explainable relevance ranker.
#198 RoutePro — Smart Delivery Route Planner · An offline-first delivery planning studio that compares an entered stop order with a route found by deterministic…
#197 RuleCart — Visual Rules Engine · A standalone e-commerce rules studio with a drag-and-drop editor backed by a reusable structured-data evaluator.
#195 HAVEN: Interactive 3D Floor Plan · An interactive property explorer for a furnished garden apartment.
#194 NØRDA Aura Sofa: Interactive 3D Product Page · A premium furniture e-commerce product page where the Three.js viewer is the product photo.
#193 Velaris V12: Interactive 3D Supercar Showroom · An interactive 3D product showroom for an ultra-luxury automotive brand (Velaris) built with Three.js, recreating the…
#192 Villa Solaria: Luxury Architectural 3D Experience · An interactive 3D landing page for an ultra-luxury architectural property developer built with Three.js, recreating…
#191 StockVision: AI Visual Inventory Counter · An enterprise-grade visual inventory intelligence platform that localizes, counts, and tracks stock items across…
#190 RedactAI: AI Document Redaction & Sanitization Tool · A production-grade, privacy-first AI document redaction and sanitization studio built for legal, financial, and…
#189 Dynamic Hero Text Animator · A high-converting, responsive hero section featuring a dynamic target word animator driven by native JavaScript…
#188 CollabBoard — Real-Time Collaborative Workspace · A production-grade, distributed real-time collaborative workspace canvas built to keep multiple browsers synchronized…
#187 Cold-Calling Tracker — Active Call Queue View · A high-velocity, single-screen Cold-Calling Tracker Queue engine designed to answer 'who do I call next' across…
#186 Smart Document Scanner in Python · A real-time, local Python computer vision pipeline and interactive scanner studio using OpenCV, NumPy, and local OCR.
#185 Gesture-Controlled Computer Interface in Python · A real-time, touchless computer vision control interface in Python using OpenCV, MediaPipe 21 hand landmarks, EMA…
#184 CollabSpace: Real-Time Collaborative Workspace · A real-time collaborative document platform featuring fine-grained multi-user presence, colored live cursors and…
#183 API Rate Limiter & Usage Control System · A high-performance traffic control gateway and rate-limiting platform designed to protect backend APIs from abusive…
#182 Job Queue — Background Job Queue & Worker System · A resilient, fault-tolerant background execution engine and worker management platform.
#181 Webhook Engine — Reliable Webhook Delivery System · An enterprise-grade, reliable webhook delivery platform that empowers applications to send events to external services…
#180 Feature Flags — Progressive Rollout Engine · A production-grade, deterministic Feature Flag and Progressive Rollout Engine that decouples code deployment from…
#179 InspectPro — Offline-First Field Inspection App · A production-grade, offline-first field inspection system and synchronization engine for site safety, building, fire,…
#178 User Session Replay Tool — ReplayLab Behaviour Analytics Studio · A production-grade, privacy-first user session replay tool and behavioral analytics studio.
#177 AI Website Inspector — Chrome Browser Extension & Live DOM Studio · A production-grade Chrome browser extension (Manifest V3) and in-browser inspection studio that analyzes any live…
#176 OpsAgent AI — AI Operations Agent & Supervised Execution Engine · An enterprise-grade AI Operations Agent platform that retrieves company procedures from Supabase using pgvector,…
#175 FlowGen AI — AI Workflow Generator & Automation Architect · An intelligent workflow generation studio and visual automation architect that transforms plain English business logic…
#174 NeuroNex — AI Lead Qualification Agent & Operations Dashboard · An intelligent inbound lead qualification agent and operations dashboard for service businesses.
#172 PriceEngine — Dynamic Pricing Engine & E-Commerce Dashboard · An intelligent AI-powered dynamic pricing engine and management dashboard for e-commerce platforms that combines…
#171 E-Com Insights — Behavioural Recommendation Engine & Analytics Dashboard · An intelligent e-commerce behavioral recommendation engine and analytics dashboard that tracks granular customer…
#170 AI Website Critic — Multi-Persona Website Review & Conversion Audit Tool · An agency-grade website critic and conversion optimization tool that analyzes company websites across 9 core…
#169 Sable & Sun — Cinematic Storytelling Scroll Experience · A fully immersive, cinematic storytelling landing page where the visitor's scroll wheel directs the camera travelling…
#168 Find People Lead Finder — Decision Maker Discovery & Email Verification (n8n) · An automated B2B prospecting and verification workflow in n8n that reads pending businesses from Google Sheets, finds…
#167 Lead Finder — Google Places Location-Driven Pipeline & Website Routing (n8n) · An automated B2B lead generation pipeline in n8n that queries Google Places API (New) within a location-defined…
#166 AI Project Planner — AI Technical Project Manager & Development Roadmap Dashboard · A developer productivity dashboard that treats the AI as a technical project manager.
#165 AI Architecture Diagram Generator — Mermaid Live Preview & Software Architect Dashboard · A clean developer dashboard that treats the AI as a software architect.
#164 AI UI Generator — Production-Ready Code & Sandboxed Live Preview Dashboard · A clean developer dashboard that treats the AI like a frontend engineer by cleanly decoupling prompt creation, code…
#163 AI Commit Message Generator Dashboard — Conventional Commits & Explanations · A clean developer dashboard that treats Git diffs as the source of truth to generate concise Conventional Commit…
#162 AI Agent Skill Generator Dashboard — Prompt Engineering Workspace & Editor · A clean prompt engineering workspace dashboard for generating, editing, and exporting AI agent skill files for Codex,…
#161 API Response Visualizer Dashboard — Interactive Tree & Formatted JSON Inspector · A clean developer dashboard for inspecting API responses with a 3-layer architecture.
#160 SQL Query Runner Dashboard — SQLite WebAssembly & Query Analyzer · A developer dashboard for running SQL queries against a sample SQLite database.
#159 Secure Password Generator Dashboard — Entropy & Strength Analyzer · A developer utility dashboard for generating cryptographically secure passwords.
#158 JWT Inspector Dashboard — Token Decoder & Claim Analyzer · A developer utility dashboard for decoding, inspecting, and validating JSON Web Tokens (JWT).
#157 JSON Fixer Dashboard — Syntax Repair & Diff Studio · A clean developer utility dashboard that repairs broken or malformed JSON payloads, fixing trailing commas, unquoted…
#156 JSON Explorer Studio — Interactive Tree & Syntax Diagnostics · A developer-grade JSON exploration and diagnostic studio that parses payloads into structured in-memory trees,…
#155 Screenshot Comparison Tool — Visual Regression Testing · An interactive visual regression and screenshot comparison tool that allows users to upload before-and-after…
#154 Kanban Board — Drag-and-Drop Task Flow · An interactive, state-driven drag-and-drop Kanban board featuring 4 distinct columns (Backlog, To Do, In Progress,…
#153 TestGen AI — Autonomous QA Test Case Generator (n8n) · An automated AI test case generator in n8n that treats the LLM like a meticulous QA engineer rather than a coder.
#152 CodeReview AI — Senior Developer Code Reviewer (n8n) · An automated AI code review automation built in n8n that treats the LLM like a senior developer conducting a…
#151 ErrorPulse — Mini Error Tracking System & Incident Monitor · An end-to-end mini error tracking system and incident monitor treating errors like incidents rather than random logs.
#150 CronHub — Mini Scheduled Jobs Manager & Background Worker Engine · A high-performance scheduled jobs management dashboard and background worker engine treating jobs as first-class…
#149 HookHub — Mini Webhook Manager & Event Gateway · A high-performance webhook management dashboard and event gateway treating webhooks as first-class event listeners.
#148 KeyMaster — Mini API Key Manager & Identity Gateway · A secure API key management dashboard and identity gateway treating API keys as first-class identities rather than…
#147 CleanFlow — Chaotic Spreadsheet Data Cleaner (n8n) · An automated data extraction, normalization, and reconciliation pipeline built in n8n that ingests a chaotic, damaged…
#146 FleetManager — Mini Vehicle Fleet Manager & Deadline Tracker · A mini vehicle fleet management dashboard for business websites, treating fleet vehicles as operational assets with…
#145 Linkly — Mini URL Shortener & Analytics Dashboard · A mini URL shortener and real-time analytics dashboard with dynamic route redirection.
#144 GymPro — Mini Gym Membership Manager & Plans Showcase · A dynamic gym membership management system and public plans showcase for fitness businesses.
#143 QRFlow — QR Code Campaign & Dynamic Landing Page Generator · A dynamic QR code campaign and landing page generator designed to bridge offline physical attention to online…
#142 Nexora — Cloudflare Workers Static Landing Page & Edge Asset Pipeline · A high-performance, responsive static landing page built and deployed to Cloudflare Workers using modern static assets…
#141 BizLibrary — Mini Resource Library Manager & Business Asset Hub · A single-file, full-stack resource library manager and dynamic business asset repository.
#140 GreenScape Landscaping — Mini Quote Estimator Manager & Pricing Engine · A single-file, full-stack quote estimator manager and live pricing engine for service businesses.
#139 Taste House — Mini Restaurant Menu Manager & Live Inventory · A single-file, full-stack restaurant menu manager and live inventory dashboard for food businesses.
#138 HomePlace — Real Estate Property Listing Manager · A single-file, full-stack property listing portal and admin dashboard for real estate inventory.
#137 EventPro — Events & Registration Manager · A single-file, full-stack (no-auth) events and registration manager with a public event-booking site and a dark admin…
#136 TalentHub — Careers & Applicant Manager · A single-file careers portal and hiring-pipeline dashboard for a fictional company.
#135 BuildPro — Case Study Manager · A single-file, no-auth full-stack demo of a case-study/portfolio manager for a web agency.
#134 Help Centre — FAQ / Help-Centre CMS · A full-stack FAQ and help-centre content management system with a dark admin dashboard for creating, editing,…
#133 BrightStart — Testimonials Manager · A dual-view testimonials platform for a marketing agency, combining an admin moderation dashboard (searchable,…
#132 CleanHome — Supabase Booking System · A single-file, hash-routed web app for a fictional cleaning service: a public landing/booking page (services,…
#131 VERDE — Sustainable E-commerce Product Manager · A single-file, hash-routed storefront + admin app for a fictional eco home-goods brand, backed by Supabase.
#130 FlagForge — Feature Flag Manager · A feature-flag dashboard managing six flags, each with an on/off toggle and a percentage rollout slider, paired with a…
#129 Q&A Test — Copywriter Agent over Webhook · A live HTTP API endpoint: a POST webhook receives a JSON body with a prompt, validates it, and routes valid requests…
#128 Fine-Tuned Copywriter Agent (Telegram + n8n) · A command-driven B2B copywriter bot connected to Telegram via n8n, powered by a fine-tuned OpenAI model…
#125–#127 Novara — 3-Day Full-Stack Auth System · A progressively-built authentication and account-settings web app ('Novara') created across three puzzle days: Day 1…
#124 AI Website UX Auditor · Fetches a target URL over HTTP, strips the HTML down to clean text, and sends that (capped at 6000 chars) to…
#123 AI Bug Triage Assistant · Fans out a list of four bug reports into one item per bug, sends each to GPT-4o-mini acting as a senior triage…
#122 AI Onboarding Assistant · Takes a new web-agency client's messy/partial intake questionnaire, sends it to GPT-4o-mini with a strict JSON schema,…
#121 AI Document Quality Checker (n8n) · An n8n quality review workflow that audits messy proposals, emails, and document drafts using an LLM in reviewer mode…
#120 AI Proposal Generator (n8n) · An n8n automation workflow that turns structured client/project details into a polished, client-ready web-agency…
#119 AI Meeting Summarizer & Action Item Pipeline · An automated AI meeting extraction pipeline in n8n that ingests messy, unstructured conversation transcripts, prompts…
#118 Local Python OpenAI Pipeline (moon.py) · A production-grade Python script that queries OpenAI chat completions via a structured 5-stage request pipeline…
#117 AI Message Router & Intent Classifier · An automated AI message routing pipeline in n8n that ingests incoming customer inquiries, classifies message intent…
#116 Website Uptime Checker · An automated observability pipeline in n8n that monitors website availability.
#115 Telegram Approval Workflow (Sender + Listener) · A two-part n8n automation implementing a human-in-the-loop approval flow over Telegram: workflow A sends an…
#114 Customer Duplicate Detector · On a manual run, generates a sample list of six customer records, normalizes each email and phone number, detects…
#113 Multi-Branch Order Routing to Telegram · Classifies a hardcoded list of six completed orders into value buckets (Low < £250, Medium £250–£999, High > £999),…
#112 Merge Sources, Count Customers by Region · Fetches the full country list from the public REST Countries API, fans that data out alongside a hardcoded set of five…
#111 Daily Order Summary to Telegram · Takes a hardcoded array of six orders, splits them by status (completed / pending / cancelled), sums revenue from…
#110 Format Active Usernames · A pure data-transformation pipeline that starts from a hardcoded list of six user records, keeps only the active ones,…
#109 AccessAudit — Website Accessibility Checker · A simulated WCAG 2.1 Level AA accessibility audit that evaluates a fixed mock e-commerce page against eight rules (alt…
#108 ConsentFlow — Privacy Control Center · A GDPR-style cookie and data-consent management center that lets users toggle five preference categories…
#107 FileGuard — Smart File Validator · A polished client-side file upload validator that checks each dropped or browsed file against type and size rules in…
#106 GateKey — Access Required · A gated-content access wall that unlocks tiered content when the visitor enters a valid access code.
#105 SlotFlow — Book Your Time Slot · An appointment-booking interface with a four-day selector and an hourly time-slot grid that reflects live availability.
#104 Agent Router QA Evaluation — RAG Routing Test Harness · A QA test-and-report package that evaluates an AI agent routing workflow (from Puzzle #75's…
#103 PlanMatch — Find Your Plan · A guided four-question quiz that recommends the best pricing tier (Basic, Pro, or Enterprise) by scoring each plan…
#102 EarthTwin — Digital Twin Platform · An interactive 3D WebGL globe that renders a textured, cloud-wrapped Earth with an atmospheric glow shader and…
#101 NotifyControl — Notification Preferences · A polished notification preferences center that lets users manage delivery per channel (Email, Push, In-App) across…
#100 Lean Lead Finder v2 (Gemini Chain + Hunter + Airtable) · An n8n lead-generation pipeline that uses a Gemini LLM chain to invent a list of real companies matching a…
#99 LeadScore — Lead Qualification · A multi-step lead-qualification quiz that scores prospects on budget, timing, team size, role, and urgency, then…
#98 ReleaseLog — Changelog & Release Notes · A product changelog viewer that groups release notes by version, filters them by category, and tracks which updates a…
#97 TimeMachine — Undo / Redo Editor · A text editor with a full undo/redo history engine and a clickable visual timeline for jumping between any past state.
#96 DraftGuard — Autosave & Recovery · A distraction-free draft editor that auto-saves content to the browser as you type and instantly restores it when you…
#95 KeyVault — API Keys · A secret API key management panel that generates, masks, reveals, copies, and regenerates a developer API key entirely…
#94 LimitLens — Plan Usage at a Glance · A SaaS plan-usage dashboard that renders per-metric consumption cards (AI credits, seats, storage, automations) with…
#93 ScarcityFlow — Founding Member Early Access · A conversion-focused early-access offer card combining a persistent 24-hour countdown with a diminishing-availability…
#92 PackForge — Service Package Builder · An interactive quote configurator for web-design and marketing packages that lets users select options across five…
#91 FlowScroll — Scroll-Reveal System · A single-page scroll-reveal marketing site where an IntersectionObserver tracks which section owns the viewport and…
#90 AnswerGrid — Answer-First Page Builder · A live programmatic-SEO landing page builder that assembles AEO/GEO-optimized service pages from a service picker and…
#89 FixFlow — Smart Plumbing Diagnosis · A branching diagnostic wizard that walks a homeowner through their plumbing issue, dynamically choosing follow-up…
#88 BranchFlow — Find Your Branch · A multi-location branch selector that lets visitors switch between four London branches and instantly see the matching…
#87 Mortgage Broker Readiness Check · An interactive document-readiness checklist that lets prospective mortgage applicants tick off eight required items…
#86 OpenNow — Business Hours & Emergency Checker · A live 'are we open right now' status widget that compares the visitor's local time against configured business hours…
#85 ProofSlide — Before & After · An interactive before/after image comparison slider that stacks two images and reveals the 'before' layer through a…
#84 PhotoQuote — Photo-Based Quote Request · A photo-driven quote request form for trades and renovation businesses.
#83 AreaCheck — Service Area Checker · An instant service-area lookup that tells visitors whether a business covers their location as they type.
#82 RouteFlow — Service Recommendation Quiz · A three-question routing quiz that maps a visitor's need, goal, and timeline to one of six tailored service…
#81 LastChance — Exit-Intent & Idle Capture · A lead-capture demo that surfaces the right prompt at the right moment: an exit-intent discount modal fires when the…
#80 RevLift — Service Business ROI Calculator · An interactive real-time ROI and revenue opportunity calculator for service businesses.
#79 TrustDock — Section-Aware Landing Page · A polished dark-mode marketing landing page for a conversion/trust SaaS, whose sticky bottom bar rewrites its own CTA…
#78 Voice Booking — BOOK (Vapi + Google Calendar) · An n8n webhook backend for a Vapi voice AI agent that books appointments during a phone call.
#78 Voice Booking — CANCEL (Vapi + Google Calendar) · An n8n webhook backend for a Vapi voice agent that cancels an existing appointment over the phone.
#78 Voice Booking — RESCHEDULE (Vapi + Google Calendar) · An n8n webhook backend for a Vapi voice agent that reschedules an appointment mid-call.
#77 ThemeForge — Live Theme Customizer · A real-time theme customizer that lets users toggle light/dark mode, pick accent and secondary colors from preset…
#76 FlowForm — Multi-Step Form · A polished three-step inquiry wizard covering contact info, project details, and budget/timeline, capped by a…
#75 Internal Agent — Router + KB (Puzzle 75) · A webhook-driven internal company assistant that uses a two-agent design: a routing LLM first decides whether a user's…
#74 KB Ingestion — OpenAI + Pinecone · A production-grade RAG ingestion pipeline orchestrating 14 clean atomic knowledge chunks for Ryobi Coffee Co.,…
#74 KB Retrieval — OpenAI + Pinecone · A semantic retrieval pipeline testing RAG query performance: vectorizes user questions with OpenAI…
#73 CommandCore — Futuristic Command Palette · A futuristic, keyboard-first command palette interface designed for speed and efficiency.
#72 FluxFrame — Section Builder · A drag-and-drop page section builder with a synchronized live preview: reorder Hero, Features, Testimonials, and FAQ…
#71 Convocore Meta Page Integration & Voiceflow Routing · An end-to-end multi-channel integration studio connecting a Voiceflow conversational agent into Meta (Facebook &…
#70 Voiceflow to Convocore Integration & Chat UI Customizer · An end-to-end integration and custom appearance studio bridging Voiceflow conversational logic into Convocore,…
#69 MapEmbed — Contact Us Location Embed · An interactive Contact Us experience integrating Google Maps via an embed iframe with multi-office location switching,…
#68 Internal Security Audit Operator · A scheduled n8n workflow that runs n8n's own built-in security audit every morning, has GPT-4o turn the raw findings…
#67 Portfolio — Masonry Gallery · A responsive Pinterest-style masonry image gallery that flows portfolio thumbnails of varying heights into balanced…
#66 Secure Webhook Intake Guard (Header Auth, CORS, HMAC & Replay Protection) · An enterprise-grade, defense-in-depth intake architecture in n8n modeled after Stripe and GitHub webhook standards,…
#65 Voiceflow Crew: Dynamic Multi-Agent Playbook Orchestrator · A production-grade Voiceflow Crew architecture featuring a Main Playbook (Apex) functioning as an ultra-fast decision…
#64 Image Optimizer & Converter — WebP & AVIF · A high-performance client-side image compression and conversion suite targeting next-gen libwebp and AV1 codecs,…
#63 Nexus-Q — Quantum Compute Allocation Dashboard · A futuristic quantum compute allocation dashboard featuring exactly 3 routed pages (Home, Allocator, Network), an…
#62 Smart Form — Remembers Returning Users · A smart web form that uses localStorage to persist user input (name, email, etc.) across sessions.
#61 Video Hero Section with Overlay Controls · A website hero section that uses a video as a background layer with autoplay, muted, loop, and no native controls.
#60 Database Webhook to n8n Real-Time Lead Alert System · An end-to-end event-driven lead capture and instant notification pipeline connecting a website contact form to a…
#59 Savannah Autonomous AI Agent — Dynamic Buttons & Carousels · An autonomous website conversational AI agent ('Savannah') engineered with dynamic Generative UI capabilities.
#58 n8n: GitOps Dynamic Hero Image Changer with GitHub & Vercel · An automated GitOps headless CMS pipeline in n8n allowing non-technical editors to update a live production landing…
#57 Vercel: Multi-Model Next.js Landing Pages Studio · A production-grade Next.js 15 App Router landing page deployment studio on Vercel featuring 3 completely unique,…
#56 n8n Two-Database Sync with Compare Datasets (Airtable → Supabase) · An n8n workflow that makes a Supabase table mirror an Airtable table using the Compare Datasets node.
#55 Coolify: GitHub App Repository Deployment Studio · An end-to-end production CI/CD deployment studio demonstrating the deployment of a Next.js 15 Tailwind CSS repository…
#54 CASCO Insurance Progressive Disclosure Form & Actuarial Calculator · An interactive automotive CASCO insurance calculator engineered with a strict progressive disclosure design pattern.
#53 n8n Google Places API (New) Community Node (Text Search & Field Mask) · A production-grade n8n community node package ('n8n-nodes-google-places-navigator') that interfaces with Google Maps…
#52 Nexus Conversational AI Chat Agent & Autonomous Lead Capture Funnel · An autonomous website conversational AI agent ('Nexus') designed for high-ticket service businesses.
#51 Automated Lead Research & Outreach Pipeline (n8n + NeverBounce + Perplexity + Instantly) · A fully automated B2B outbound prospecting pipeline built in n8n.
#50 st.dev Component Integration: Animated Testimonials · An interactive 3D stacked card testimonial rotator inspired by 21st.dev and Aceternity UI, adapted directly onto the…
#49 AI-Powered Semantic Search Engine with Supabase pgvector & Vector Embeddings · An AI-powered semantic search engine and software guides studio deconstructing how YouTube and modern search find…
#48 Client-Side Real-Time Search Engine Studio & ZOMBIE FARM Portal · A high-performance real-time search engine and software comparisons portal reproducing the ZOMBIE FARM challenge…
#47 GitHub Desktop Repository Synchronization & Git Architecture Studio · A developer workflow and synchronization studio reproducing the challenge screenshot parity between remote GitHub web…
#46 Luxury Real Estate Side-Scrolling Portfolio Studio (CSS Sticky & Overflow-X) · An editorial luxury real estate showcase featuring a pinned side-scrolling portfolio that changes scroll direction…
#45 E-Commerce Product Scraper Studio (Python & Playwright) · An autonomous e-commerce product catalog web scraper built with Python and Playwright, featuring dynamic DOM hydration…
#44 Manageable Dynamic Blog & Admin Studio (Supabase & Next.js ISR) · A dynamic headless blog publishing platform with administrative WYSIWYG editor, Supabase PostgreSQL persistence,…
#43 Magic UI: Infinite Autonomous Marquee · An autonomous infinite scrolling marquee built with Magic UI principles, featuring seamless GPU-accelerated continuous…
#42 n8n AI Agent: Supabase Storage via S3 Protocol · An autonomous LangChain Tools Agent built in n8n that connects to Supabase Storage via its S3-compatible REST API…
#41 n8n Automation: Instant Telegram Notification for Website Form Leads · An end-to-end lead intake automation that connects a frontend mortgage quote form to n8n via webhooks, sanitizes…
#40 Supabase: Live Real-time Product Changelog Studio · A live product changelog powered by Supabase Realtime database subscriptions.
#39 Estate: Luxury Mega Dropdown Navigation Studio · A luxury coastal real estate navigation system featuring multi-column mega dropdown architecture, solving the mouse…
#38 PulseDistributor: Dual AI Caption Agents & Meta Graph API Pipeline · An autonomous social media distribution engine consuming yesterday's Vertex AI generated creative to craft…
#37 PulseCreative: Vertex AI Image Agent & Supabase Pipeline · An autonomous B2B marketing creative pipeline connecting an OpenAI GPT-4o prompt engineering agent with Google Cloud…
#36 PulseMetrics: Next.js 16 & Turbopack Migration Studio · A production-grade migration and deployment studio demonstrating the full-stack architectural transition of a Vite…
#35 CoffeeHouse: Sticky Sidebar Navigation & Scrollspy TOC Studio · A production-grade sticky navigation showcase for CoffeeHouse utilizing native CSS position: sticky,…
#34 n8n AI Agent: Places API Restaurant Concierge & Web Chat Embed · An autonomous dining recommendation agent built in n8n with LangChain Tools and OpenAI GPT-4o that queries Google…
#33 Google Search Console: Domain Onboarding & Performance Studio · An interactive webmaster telemetry studio and domain verification engine simulating Google Search Console, featuring…
#32 Nexus AI Automation: AEO (/ai.txt) Endpoint & Semantic Markdown Engine · An Answer Engine Optimization (AEO) endpoint and automated semantic extraction engine that future-proofs websites for…
#31 QR Code Generator: Python Microservice & Interactive Studio · A production-grade Python QR code synthesis microservice and interactive testing studio that generates scannable 2D…
#30 CoffeeHouse: Scrollspy Navigation, Ambient Steam & Micro-Interactions Studio · A production-grade motion and scroll telemetry showcase for CoffeeHouse, featuring a real-time glowing orange scroll…
#29 Image Captioning & Cropping API: Cloud Run Microservice & n8n Pipeline · A production-grade Python FastAPI visual preprocessing microservice that downloads public image URLs (no multipart…
#28 PNG to SVG AI Vectorizer: Image Quality & Scalability Studio · An interactive image quality comparison studio and AI vectorizer converter comparing raster PNG bitmaps against…
#27 CoffeeHouse: Interactive Membership Savings Calculator & ROI Slider · An interactive digital membership savings calculator and ROI estimator for CoffeeHouse, featuring dynamic signature…
#26 Supabase Database Webhooks: Real-Time Event Triggers & Automation Delivery · An interactive full-stack simulator demonstrating Supabase Database Webhooks powered by PostgreSQL event triggers and…
#25 Supabase MCP ⇄ Cursor IDE: Remote Model Context Protocol Integration · A production-grade integration and interactive simulator connecting Supabase's managed Model Context Protocol (MCP)…
#24 CoffeeHouse: 3D Y-Axis Card Flip Animation & Recipe Studio · An interactive 3D card flip showcase for CoffeeHouse signature brews that rotates along the vertical Y-axis to reveal…
#23 Velocity: Location-Aware Hero Section & Dynamic IF Formula Engine · An environment-reactive SaaS hero section for Velocity that morphs branding, typography, atmospheric canvas visuals,…
#22 Vapi Voice AI: Web Widget Deployment & Audio-Reactive Studio · A deployment studio and customized voice support widget for Vapi AI, fulfilling the clue ('Visit the VAPI docs on…
#21 Google Analytics 4: Web Stream Integration & Realtime Dashboard · An interactive GA4 telemetry studio and dashboard simulator decoding the clue ('Sign up for Google Analytics to get…
#20 CoffeeHouse: Supabase Auth Login & Protected Routing · A full-stack authentication system for CoffeeHouse connecting client-side login to Supabase auth.users, featuring…
#19 Escape Matrix: Open Graph Social Preview Studio · An interactive Open Graph preview generator and unfurl studio that decodes the clue by configuring rich 1200x630…
#18 Aureus Titanium Pen: Scroll-Controlled Video Animation · A luxury product landing page featuring an Apple-style scroll-controlled video animation that decodes the clue by…
#17 Voiceflow Password Reset Extension + n8n Email Workflow · A Voiceflow custom form extension built in Bolt.new that renders an email input inside the chat widget, sends the…
#16 TRW.AI: Lovable to Bolt.new Migration via GitHub · A cross-platform AI development studio demonstrating the complete migration of TRW.AI from Lovable.dev to Bolt.new…
#15 CoffeeHouse: Form Validation & Supabase Ingestion · A production-grade community signup application for CoffeeHouse built in Bolt.new with client-side syntactic…
#14 Google Trends Explorer in Bolt.new · A high-performance Google Trends exploration web application engineered with Bolt.new, featuring serverless API proxy…
#13 TRW.AI: Multilingual Website with i18n Language Routing · A high-performance multilingual AI solutions website (TRW.AI) engineered with client-side i18n language routing, URL…
#12 Bolt.new: Voiceflow Agent CSS Customization · An interactive development environment replicating Bolt.new and embedding a Dealership Voiceflow Chat Agent with…
#11 CoffeeHouse: Dynamic Referral Headline & Database Router · An high-converting specialty coffee website where the hero headline, subheadline, and call-to-action dynamically…
#10 Bolt to Vercel: Landing Page Deployment · An end-to-end production deployment workflow transforming a Bolt.new AI-generated landing page ('The Real World') into…
#9 Resend: Custom Domain Email API Dispatch · An automated transactional email dispatch pipeline triggered from n8n or Make using the Resend REST API, authenticated…
#8 Google Lens & Gemini AI Product Finder · An end-to-end visual product finder application powered by an n8n pipeline that accepts user uploaded product images,…
#7 Voiceflow: Dynamic Non-Repeating Buttons · An intelligent conversational agent built for TRW 2.0 GYM using Voiceflow that remembers user selections, acknowledges…
#6 Bolt: Voiceflow Chat Controller · An interactive external chat controller built with Bolt.new that programmatically controls a Voiceflow conversational…
#5 Bolt: Browser Cache Form Pre-Fill & Autosave · An interactive enterprise intake form with continuous background persistence into the browser cache (localStorage),…
#4 n8n: Form Submission Follow-Up Email Automation · An end-to-end event-driven n8n automation that serves a branded intake form and instantly fires a personalized,…
#3 Airtable to n8n Data Table Historical Backfill · A companion one-time historical seeding workflow that pulls all existing Airtable records and performs an idempotent…
#2 Airtable to n8n Data Table Auto-Sync (Upsert) · A production-grade automation pipeline syncing Airtable records into native n8n Data Tables using polling triggers and…
#1 Voiceflow: KB-Powered Carousel Agent · A comprehensive, zero-to-one guide and architectural blueprint for building dynamic, auto-updating product carousels…