Skip to content

Latest commit

 

History

History
39 lines (38 loc) · 2.57 KB

README.md

File metadata and controls

39 lines (38 loc) · 2.57 KB

React bérkalkulátor

Reaktív, állapottartó és reszponzív bérkalkulátor alkalmazás egy vagy több ember, egy háztartás kedvezményezett nettó bérének kiszámítására. A bruttó összegből automatikusan kiszámításra kerül a nettó bér. A megadott adatok automatikusan mentésre kerülnek a böngésző lokális tárhelyében.

Stackblitz előnézet: https://stackblitz.com/~/github.com/vyperrrr/react-berkalkulator

Használat

Családtag hozzáadása

A fenti plusz gomb megnyomásával hozzáadhatsz egy új családtagot.

Navigáció

A hozzáadott családtagok között kattintással, vagy a nyilak használatával tudsz navigálni.

Bér megadása

A bért megadhatod beviteli mezővel vagy csúszkával. A megadott összeget százalékosan is módosíthatod.

Kedvezmények

A kedvezmények menüpont alatt aktiválhatod az alábbi kedvezményeket

  • 25 év alattiak SZJA mentessége

    A megadott összeg 499 952 Ft-ig SZJA mentes.

  • Személyi adókedvezmény

    Ez 77.300 Ft adókedvezményt jelent, ami a bruttó összeg után fizetendő adóból kerül levonásra.

  • Friss házasok kedvezménye

    A kedvezmény aktiválása után meg kell adnod a házasságkötés dátumát egy felugró ablakban, ez a kedvezmény a házasságkötést követő hónapban aktiválható először és két évig érvényesíthető. A dátum megadását követően jogosult vagy nem jogosult státusz kerül megjelenítésre.

  • Családi kedvezmény

    A kedvezmény aktiválása után meg kell adnod az eltartott gyermekek számát és a kedvezményezettek számát. Egy kedvezményezett gyermek esetén 10.000 Ft, két kedvezményezett gyermek esetén 20.000 Ft, 3 vagy több kedvezményezett esetén pedig 33.000 Ft jár minden eltartott gyermek után.

Összeg táblázat

A háztartás összesített jövedelmét megjelenítő táblázatban láthatod a személyekre lebontott és az összesített nettó jövedelmet.

Családtag törlése

A törölni kivánt családtag kiválasztását követően kattints a szemetes ikonra.

Technológia

Az alkalmazás React.js, Radix UI, és Tailwindcss használatával készült.