projektfeladat

README.md

@@ -0,0 +1,87 @@
+# TodoList React - Vitest Projekt
+
+Ez egy egyszerű React TodoList komponens, amely Vitest keretrendszerrel tesztelve van.
+
+## Funkciók
+
+- **Új teendő hozzáadása**: Az input mezőbe írhat és az "Hozzáadás" gombra kattintva vagy Enter billentyűt nyomva adhat hozzá új teendőt
+- **Teendő törlése**: Minden teendő mellett van egy "Törlés" gomb a teendő eltávolításához
+- **Üres input kezelése**: Az alkalmazás nem engedélyez üres vagy csak szóközöket tartalmazó teendőket
+
+## Projekt Struktúra
+
+```
+src/
+├── components/
+│   ├── TodoList.jsx          # TodoList komponens
+│   └── TodoList.test.jsx     # TodoList tesztek
+├── App.jsx                  # Fő alkalmazás komponens
+├── setup.js                 # Vitest setup (jest-dom matchers)
+└── ...
+```
+
+## Telepítés
+
+```bash
+npm install
+```
+
+## Elérhető Scripts
+
+### Fejlesztési szerver indítása
+
+```bash
+npm run dev
+```
+
+Az alkalmazás [http://localhost:5173](http://localhost:5173) címen érhető el.
+
+### Tesztek futtatása
+
+```bash
+npm test
+```
+
+### Build
+
+```bash
+npm run build
+```
+
+## Tesztek
+
+A projekt 5 tesztet tartalmaz:
+
+1. **hozzáadás működik** - Ellenőrzi, hogy új teendő sikeresen hozzáadódik-e az listához
+2. **törlés működik** - Ellenőrzi, hogy a törlés gomb működik és eltávolítja a teendőt
+3. **üres input nem adódik hozzá** - Ellenőrzi, hogy üres input nem adódik az listához
+4. **üres input csak szóközökkel nem adódik hozzá** - Ellenőrzi, hogy csak szóközöket tartalmazó input nem adódik az listához
+5. **Enter billentyű is működik a hozzáadáshoz** - Ellenőrzi, hogy Enter billentyűvel is lehet teendőt hozzáadni
+
+### Tesztek futtatása
+
+```bash
+npm test
+```
+
+## Technológiák
+
+- **React** - UI komponens keretrendszer
+- **Vite** - Build és fejlesztési szerver
+- **Vitest** - Teszt keretrendszer
+- **@testing-library/react** - React komponens teszteléshez
+- **@testing-library/jest-dom** - DOM matcher-ek
+
+## Egyéb Parancsok
+
+### ESLint
+
+```bash
+npm run lint
+```
+
+### Preview (build után)
+
+```bash
+npm run preview
+```