- Ez egy egyesített repó a Vite (Frontend) és a JSON-Server (Backend) projektekből. A célja, hogy megkönnyítse az iskolai feladatok megoldását: így nem kell két külön projektet klónozni és kezelni.
- Az alap kódok @ignazcdominik-tól származnak. Ez a projekt az ő munkájára épül, a feladatok egyszerűbb megoldása érdekében készült.
- (Kizárólag könnyebb vagy nem dolgozati szintű feladatokhoz ajánlott.)
- Egyesített Indítás: A
pnpm devparancs egyszerre indítja el a frontendet és a backendet. - Beépített Proxy: A frontend kérések (
/api/...) automatikusan a backendre (localhost:3000) irányítódnak, így nem kell CORS hibákkal küzdeni. - Modularizált Backend: A szerver logikája (
relationships.js) le van választva, így a kód átláthatóbb. - Többféle Futási Mód: Támogatja a Docker, Node.js és PHP alapú környezeteket is.
Először telepítsd a függőségeket:
pnpm install
# Vagy ha npm-et használsz:
npm installEz a mód elindítja a Vite fejlesztői szervert (Hot Module Replacement-tel) és a JSON-Servert is egy terminálablakban.
pnpm dev- Frontend:
http://localhost:8080 - Backend:
http://localhost:3000(Proxy-n keresztül:http://localhost:8080/api)
Ha konténerizálva szeretnéd futtatni az egészet:
docker-compose up --buildA projekt a http://localhost:3000 címen lesz elérhető (a frontend buildelődik és a node szerver szolgálja ki).
Ha a feladat PHP-s kiszolgálást kér a frontendhez (pl. php -S):
pnpm phpEz a parancs:
- Lefordítja a frontendet (
distmappába). - Elindítja a PHP szervert a
distmappán (localhost:8000). - A háttérben elindítja a Node.js backendet is (
localhost:3000), hogy az API hívások működjenek.
Ha csak a kész, lefordított verziót szeretnéd futtatni Node-dal:
pnpm startsrc/: A Vue/React/JS frontend forráskódja.data/: A backend adatbázisa (db.json) és konfigurációi.server.js: A backend belépési pontja.relationships.js: A backend adatkapcsolati logikája.