← Vissza a portfólióhoz

Projekt · fejlesztés alatt

Szerviz Asszisztens

Webes nyilvántartás kis, független autószerelő műhelyeknek: ügyfelek, autók és munkalapok egy helyen, az alkatrészkeresés egy kattintásra.

Élő demó megnyitása →

Saját, kitalált adatokkal feltöltött tesztkörnyezetet kapsz, ami 24 óra múlva törlődik. Minta forgalmi fotók és beszállítói kosarak is vannak benne, így a beolvasás és a kosár beillesztése is kipróbálható.

01

A probléma

Egy egy-két fős műhely papíron, táblázatban és a szerelő fejében tartja a nyilvántartást. Hogy melyik autó kié, legutóbb mit cseréltek rajta és mennyiért, azt telefonálgatással és kereséssel lehet kideríteni.

Alkatrészkereséskor minden munkánál újra be kell gépelni az alvázszámot a beszállító webshopjába. Az appot egy dolgozó szerelővel együtt építem, az ő jegyzetei és visszajelzései alapján.

02

Mit tud

Ügyfél és autó összekötve

Keresés rendszám, alvázszám, név vagy telefonszám alapján. Tulajdonosváltáskor az autó előzményei megmaradnak.

Forgalmi beolvasása

Lefotózod a forgalmit, és a rendszám, alvázszám, gyártmány, motoradatok és a tulajdonos bekerül az űrlapba. A felismerés a böngészőben fut, a fotó nem hagyja el a telefont.

Munkalap pontos összesítővel

Alkatrész, munkadíj és egyéb tételek soron belüli szerkesztéssel, állapotokkal az átadásig. Nettó, ÁFA és bruttó soronként, egész forintban, alanyi adómentes móddal.

Kosár beillesztése

A beszállító webshopjából kimásolt kosárból átnézés után munkalap-tételek lesznek: megnevezés, cikkszám, gyártó, mennyiség és nettó ár.

Gyorsabb alkatrészkeresés

Egy kattintás megnyitja a beszállító alvázszám-keresőjét az autóhoz, alvázszám nélkül a típusválasztóját. Az autón korábban használt alkatrészek egy kattintással újra felvehetők.

Online jelentkezés

Titkos link és QR-kódos plakát a pultra: az ügyfél a telefonjáról küldi el az adatait, az autót és a hibát, a jelentkezésből egy kattintással munkalap lesz.

Fotók, dokumentumok

Kamera, behúzás vagy beillesztés a vágólapról, az autóhoz vagy a munkalaphoz. A fotókat a böngésző feltöltés előtt kicsinyíti.

Nyomtatható munkalap

A4-es nézet műhely fejléccel, ügyfél- és autóadatokkal, tételekkel, összesítővel és aláírásvonalakkal — vagy mentés PDF-be.

03

Hogyan épül

Next.js 16React 19TypeScriptPostgreSQLDrizzle ORMZodTailwind CSSshadcn/uiTesseract.jsClaude Code
  • Server Components és progresszív bővítésű Server Actions; Zod-validáció a szerveren, külön API-réteg nélkül.
  • Forgalmi beolvasás: Tesseract (WebAssembly) a böngészőben és szabályalapú értelmező az EU-s mezőkódokra. Választható Claude-alapú, strukturált kimenetű felismerés is be van építve, a demóban kikapcsolva.
  • Minden tábla műhelyazonosítót tárol, így az egyfelhasználós demó sémaátírás nélkül bővíthető több műhelyes előfizetéses termékké.
  • Aláírt JWT session cookie és proxy-ellenőrzés minden kérésnél; a jogosultságot az adatbázisból is ellenőrzöm.
  • Végponttól végpontig tesztek JavaScript nélkül küldik be a valódi űrlapokat (59 ellenőrzés), az interaktív részeket böngészőben is tesztelem.
  • Itt külön Next.js alkalmazásként fut ez az oldal mögött (multi-zones), így a portfólió és a termék egymástól függetlenül frissíthető.

04

Állapot és következő lépések

  • Kész: ügyfelek és autók, munkalapok, nyomtatási nézet, forgalmi beolvasás, kosár beillesztése, online jelentkezés, fotók, több felhasználó műhelyenként, elkülönített demó mód.
  • Következik: éles teszt egy független műhelyben, majd számlázás (NAV Online Számla), beszállítói számlák beolvasása és szerviz-emlékeztetők.
  • Később: havi előfizetés más műhelyeknek.
Élő demó megnyitása →