Web programozás-1 Előadás Házi feladat

A beadandó témája egy tanösvény nyilvántartó webalkalmazás. A projekt a feltöltött tanösvény adatbázis ut.txt állományának rekordjait használja fel, és mind a hét kötelező menüpontot megvalósítja.

JavaScript CRUD React CRUD SPA két React appal Fetch API + PHP Axios + React OOJS grafikus alkalmazás

Ugrás a CRUD példákhoz Funkciók áttekintése

Tanösvény rekord144A választott adatforrásból betöltve

Átlagos hossz3,8 kmAutomatikusan számolva

Vezetett útvonal17Külön jelölve a CRUD felületeken

Nemzeti park10Összesített statisztika

JavaScript menü

Teljes kliensoldali CRUD tömbben tárolt adatokkal, kereséssel, szűréssel és táblázatos megjelenítéssel.

React menü

React alapú CRUD felület state-kezeléssel, űrlappal, törléssel és szerkesztéssel.

SPA menü

Egyoldalas React alkalmazás két menüponttal: túraköltség-kalkulátor és memóriajáték.

Fetch API

JavaScript + PHP + adatbázis megoldás, ahol a rekordok a szerver oldalon tárolódnak.

Axios

React kliens és Axios-kompatibilis HTTP réteg ugyanahhoz a szerveroldali API-hoz.

OOJS

Objektumorientált JavaScript grafikus jelenet öröklődéssel, animációval és DOM-elemekkel.

Mintarekordok az adatbázisból

Név	Település	Hossz	Idő
Anna-ligeti tanösvény	Szarvas	2,0 km	1,5 óra
Apródok útja tanösvény	Drégelypalánk	7,2 km	3,0 óra
Aqua Colun tanösvény	Izsák	3,5 km	2,0 óra
Árpád fejedelem tanösvény	Tiszaalpár	3,0 km	2,0 óra
Ártéri tanösvény	Vízvár	0,5 km	0,5 óra
Babócsai Basa-kert tanösvény	Babócsa	1,0 km	1,0 óra

Projektcsomag tartalma

HTML oldalak a hét menüponthoz
Közös CSS stíluslap és kliensoldali segédfüggvények
React források src és futtatható dist mappákkal
PHP API és adatbázis inicializálás
MySQL sémafájl és SQLite alapú helyi demo
Dokumentáció DOCX és PDF formátumban