A kassza mindenes appja

Bevétel, trend, csúcsórák, fizetési mix és top termékek — kasszaadatokból, egy képernyőn, weben vagy mobilon.

Nap / nap▲ +12,9%
Fizetési mix70% kártya
22:565G · 52%
Jó estét
Belvárosi Üzlet
Mai bevétel
487 650 Ft
▲ +12,9% vs tegnap
Óránkénti bevétel
08:00 – 20:00 · csúcs 13:00, 72 400 Ft
Átl. kosár
4 250 Ft
Tranzakció
115
1 Sajtburger Menü78 400 Ft bevétel 28 db
Mire épül
</>HTML + CSS JSVanilla JavaScript Chart.js PWA AaCSS változók
Ami készül
Éles POS API Szerveroldali auth Adatvezérelt ajánlások

Egy függvény mögött a teljes adatréteg. Részletek ↗

Minden zárás, egy pillantás

Eltüntetjük a táblázatok bonyolultságát, hogy arra figyelhess, ami tényleg számít: a boltodra.

Mai bevétel, trenddel

A viszonyítás automatikus: (ma − tegnap) / tegnap.

487 650 Ft ▲ +12,9%

0 keretrendszer

XSS-védett kimenet

Fut weben és mobilon

Telepíthető PWA — app store nélkül, safe area-kkal.

AsztaliMobilKezdőképernyő

Top termékek, ahogy fogynak

SMCCESPZLITI
MenükItalokDesszertek

Óránkénti bevétel

08:00 20:00

Fizetési mix, élőben

70%

Kártyaarány a mai demó napon

Powered by
Chart.js Vanilla JS CSS Custom Properties PWA

Bemutatjuk: a varrat

Egyetlen aszinkron függvény hajtja az egész appot. Ma demó adatot ad, holnap éles POS API-t hív — a felület változatlan marad.

UI

Csak adatot kap — sosem tudja, honnan jött.

Render

Kártyánként egy függvény építi a képernyőt.

fetchDashboardData()

Demó adat

Ma: valósághű adathalmaz, 300 ms szimulált késleltetéssel.

POS API

Holnap: csere egyetlen függvénytörzsben.

Nézd meg működés közben

A demó a végleges adatszerkezettel fut — amit itt láttál, azt adja majd az éles POS API is.

Demó megnyitása
Két nézet: belépés és dashboard. Minden más zaj.