Ürlap készítés és tesztelés

A feladat célja, hogy egy teljes Flask alkalmazást fejlesszünk, amely egy űrlapot jelenít meg négy adattal:

• név,
• életkor,
• email
• telefon.

Az űrlap alatt legyen egy gomb, amely a "Beküldés" szöveget jeleníti meg. Mikor a gombot megnyomjuk, a Flask alkalmazás megkapja az adatokat és JSON-ben visszaadja megjelenítésre a frontend-nek, ami kiteszi az adatokat a gomb alatti div-be.
Ha valamelyik mező nincs kitöltve akkor dobjon hibaüzenetet.

Részletes leírás

1. Flask alkalmazás létrehozása
   • Készítsünk egy új Flask alkalmazást.
   • A Flask alkalmazásnak két végpontja legyen:
     • /: A főoldal, amely egy űrlapot jelenít meg.
     • /data: A végpont, amely a beküldött adatokat fogadja és visszaadja JSON formátumban.
2. HTML űrlap létrehozása
   • Készítsünk egy új HTML fájlt, amelyben az űrlap és a gomb található.
   • Az űrlapnak négy mezője legyen: név, életkor, email és telefon.
   • Ha valamelyik mező nincs kitöltve akkor dobjon üzenetet.
3. Adatok bekérése és kiírása
   • Ajax segítségével küldjük el az űrlap adatait a /data végpontra.
   • A válaszban kapott adatokat jelenítjük meg a gomb alatti div-ben.
4. Tesztelés
   • Készítsünk teszteket a Flask alkalmazásunkhoz, amelyek ellenőrzik, hogy a GET és POST kérések megfelelően működnek.
     • Teszteljük a GET kérést a / végpontra (Megkapjuk-e az oldalt?)
     • Teszteljük a POST kérést a /data végpontra (Szerepelnek-e a kulcs értékeket a JSON-ben?)
     • Készítsünk pozitív és negatív teszteket!
5. Szépítés (opcionális)
   • Szinezzük, tegyük szebbé az űrlapot!