Designed, built and launched · Dec 2025 - Jun 2026

iAmats Support.

Support for iAmats.com, the L-TEK dance-pad store: step-by-step fixes, a pad tester in the browser and forms that reach the right team.

About 1,000 store visitors a day

About 30 tickets a week, each sent to the right team

12 pad profiles in the browser tester

What it does.

Screen recordings of the real site.

Answers before tickets.

Search the knowledge base, open a guide and follow it step by step, with a photo or GIF at every step.

A pad tester in the browser.

Plug in the pad and press each panel: the page lights it up live, with nothing to install.

The right team, first time.

Customers pick what they need help with, and the form goes straight to logistics, technical support or product questions.

Guides the team can edit.

An admin panel with no-code editors for guides, categories, manuals and products.

Why I built it.

Customers of the store kept writing in with the same questions: my pad is not detected, how do I map it in StepMania, when will my order arrive. We answered them one e-mail at a time.

iAmats Support puts those answers where customers look first. They can test the pad in the browser before they write, and whatever is left goes straight to the right person.

Why this stack.

Built from zero for L-TEK and its pads. The store already ran on shared PHP hosting next to WordPress, so I built around that.

Site

React and TypeScript
The tester reads the pad many times a second and has to redraw it live.
Vite
Builds the site into static files served from /support/.

Server

PHP and MySQL
Already on the store’s hosting, so there was no new server to rent or look after.
PHPMailer
Sends each form to its department’s mailbox.
Pages for crawlers
A PHP script serves full pages to 23 search and AI crawlers.

AI

Lovable
The first working version, in December 2025.
Gemini
At the time, the coding agent I rated best.
Claude Code
Related products in June 2026.

How I worked with AI.

AI wrote most of the code. The decisions, the testing and the releases were mine or the L-TEK team’s.

What the AI did.

  • Lovable

    The prototype: React, TypeScript and the first screens.

  • Gemini

    The backend, the admin panel and the form routing, January to March 2026.

  • Claude Code

    Related products for every guide and manual, June 2026.

What the team and I did.

  • Decisions

    What to build, and what went live.

  • Testing

    Every change, in the browser, before it went anywhere.

  • Releases

    Packaged and uploaded by hand, about 20 in March 2026.

From prototype to launch.

  1. 22 Dec 2025

    First version in Lovable.

    React, TypeScript and the first screens.

  2. 23 Jan 2026

    A backend of its own.

    An admin panel for the team, and a shipping page.

  3. 24 Feb

    Forms go to departments.

    Each form goes to its department’s mailbox, and the admin login is secured.

  4. Early 2026

    Live as support for iAmats.com.

    On PHP and MySQL, on the store’s own hosting.

  5. 18 Mar

    Full pages for crawlers.

    Search engines and AI assistants get the real content, plus a sitemap.

  6. 3-5 Jun

    SEO by the store team.

    Structured data, a visible FAQ and clean links.

  7. 8 Jun

    Related products.

    Every guide and manual links to the products it covers, so support leads back to the shop.

Running it.

We kept improving it until June 2026.

About 20 releases in March 2026

23 search and AI crawlers get full pages

10 step-by-step guides, plus 5 manuals

Runs as
Support for iAmats.com
Frontend
React, TypeScript, Vite
Backend
PHP, MySQL, PHPMailer
Built with
Lovable, Gemini, Claude Code