####0. A program rövid leírása Tennivalók, feladatok, határidők számontartása és kezelése személyes használatra. Lényegében egy határidőnapló.
####1. Követelményanalízis #####Funkcionális elvárások: A program lehetővé teszi a vendégfelhasználónak:
- A főoldal megtekintését (bejelentkezés)
- A regisztrációt
- A bejelentkezést
Ezenfelül a regisztrált felhasználók számára még:
- Az új feladatok létrehozását
- Létező feladatok módosítását
- Létező feladatok törlését
- A felhasználó feladat-listájának megtekintését
- Az új kategóriák létrehozását
- Létező kategóriák módosítását
- Létező kategóriák törlését
- A kategóriák listájának megtekintését
Egy feladathoz tartozik:
- Név
- Leírás (esetleg rövidebb és hosszabb is)
- Kategória (beadandó, ZH, Vizsga, bevásárlólista, meeting)
- Teljesítve van-e?(igen, nem)
#####Nem funkcionális elvárások:
- Ergonomikus felület
- Biztonsági funkciók (jelszavak, hozzáférés)
#####Használati eset diagramok
#####Szerepkörök
- Vendég: láthatja a kezdőoldalt(bejelentkezés) és regisztrálhat
- Felhasználó: Új feladatokat és kategóriákat tud hozzáadni, törölni és módosítani a létezőket.
#####Szakterületi fogalomjegyzék
- Task: egy feladat
- Category: egy kategória
- User: egy felhasználó
#####Folyamatok pontos menete
#####Oldaltérkép Végpontok
- /
- /register
- /register
- /login
- /login
- /logout
- /user/:id
- /category/create
- /category/create
- /category/list
- /category/:id
- /category/:id
- /category/:id/delete
- /task/create
- /task/create
- /task/:id
- /task/:id/edit
- /task/:id/delete
#####Oldalvázlatok
#####Adatmodell
#####Mappák funkiójának bemutatása
- Az App/Http mappa tartalmazza a Controller-eket, és a routes.js-tu
- Az App/Model az adatbázismodellek leírását tartalmazza, a táblák kapcsolatai itt vannak megadva
- A database/migrations a migrációkat tartalmazza
- A node_modules a node modulokhoz tartozó file-okat
- A public mappában vannak a weboldalon megjelenített képek, és a hozzá használt css-ek
- A resources/views tartalmazza a nézeteket
#####Fejlesztőkörnyezet bemutatása
- NodeJs környezetben, AdonisJs MVC keretrendszerben készült.
#####Telepítés lépései
- Git repo klónozása
- "npm install" parancs kiadása
- "npm run dev" parancs kiadása
#####Program használati útmutató
- Ha még nem használta a programot, az első lépés a futtatás után a regisztráció:
- Amennyiben már korábban regisztrált, jelentkezzen be:
- Értelemszerűen adja meg a megfelelő adatokat, majd kattintson a "Mehet" gombra
- Ezután a saját profiljára lesz átirányítva (amit bármikor elérhet a bal felső sarokban lévő logóra, vagy jobb felül a felhasználónevére kattintva)
- Itt láthatja az ön feladatainak listáját, bármelyikre rákattintva módosíthatja azt.
- A jobb felső sarokban találhatja a kategóriák módosítására, új Task felvételére és kijelentkezésre használatos gombokat is
######Új Task felvétele:
- Értelemszerűen adja meg a megfelelő adatokat, majd kattintson a "Mehet" gombra
######Létező Task módosítása:
- Értelemszerűen módosítsa a megfelelő adatokat, majd kattintson a "Mehet" gombra
######Új kategória felvétele:
- Adja meg a kategória nevét, majd kattintson a "Mehet" gombra
######Létező kategória módosítása:
- Módosítsa a kategória nevét, majd kattintson a "Mehet" gombra
#####Javascriptes extra dolgok
######Színváltás gyengénlátóknak
- Háttér színét cseréljük feketére
- Szöveg színe legyen fehér
- A logó és a gomb színeit invertáljuk
######Motiváció
- Ha egy feladathoz nincs kedvünk, rákattinthatunk a "Motivate me!" gombra
- Ez egy Ajax kéréssel egy rövid motivációs szöveget jelenít meg
######Feladat törlése Ajax-szal
- A törlés gombra kattintva egy Ajax kérést küldünk, ami törli a feladatot
######Kategória törlése Ajax-szal
- A törlés gombra kattintva egy Ajax kérést küldünk, ami törli a kategóriát
######Kliensoldali form validálás
- A formokat kliensoldalon validálja