Veb aplikacija za igranje Hangman u više igrača

Aplikacija treba da omogući igračima da se registruju unosom imena, prezimena, adrese elektronske pošte i željene lozinke. Pošto izvrše aktiviranje svog novog naloga putem linka poslatog na njihovu adresu e-pošte, mogu da se prijave na aplikaciju za igranje. Igrač može da započne novu igru ili da se produži postojećoj. Postoje privatna i java igra. Ako je igra prilikom pravljenja označena kao javna, prikazuje se u spisku javnih igara kojima nije pridružen drugi igrač. Ako je igra privatna, da bi se pridružio postojećoj privatnoj igri, drugi igrač mora da zna njen link. Link igre sadrži posebnu jedinstvenu oznaku igre koja nije redni broj, već se formira kao skup nasumično odabranih slovnih simbola. Kada pravi novu igru, igrač navodi da li je privatna ili javna i navodi prvu reč koju drugi igrač treba da pogađa i kratak opis koji približava drugom igraču da zna o čemu je reč, npr. životinja, grad, pojam itd. Igrač koji se pridružio igri ili putem linka, ako je privatna, ili sa početne stranice sa spiska javnih igara, ako je javna, vidi prikazani kratak opis za pomoć pri pogađanju i pozicije slova koja treba da pogodi i treba da pogađa slova klikom na listu slova. Sva obrada pogađanja se izvršava na strani servera, tj. ne sme da se prenese podatak o tačnoj reči u front-end aplikacije. Kada pogodi neko slovo, ono u listi slova postaje sivo, a u pozicijama slova u reči se to slovo prikaže svuda gde postoji u reči. Kada ne pogodi slovo, ono postaje sivo u listi slova i pored prikaza pozicija reči se pojavi prvi od šest delova koja prikazuje crtanog čovečuljka na vešalu, npr. glava, od mogućih koja su glava, telo, dve ruke i dve noge. Ako do poslednjeg dela čovečuljka ne pogodi reč, oduzima mu se jedan poen u toj igri. Ako pobedi, dodaje se jedan poen za tu igru. Kada se jedno pogađanje završi, drugi igrač unosi svoju reč i kratak opis, a zatim prvi igrač pogađa i tako u krug. Nakon ukupno 10 pogađanja reči u jednoj igri, prikazuje se broj poena jednog i drugog igrača i označava se pobednik igre. U profil igrača se upisuje koliko igara je pobedio ili izgubio. Ako se igra prekine pre 10 pogađanja reči, aplikacija treba da sračuna pobednika na osnovu ostvarenih brojeva podova do tog trenutka.


Tehnička ograničenja
- Aplikacija mora da bude realizovana na Node.js platformi korišćenjem Express biblioteke. Aplikacija mora da bude podeljena u dve nezavisne celine: back-end veb servis (API) i front-end (GUI aplikacija). Sav kôd aplikacije treba da bude organizovan u jednom Git spremištu u okviru korisničkog naloga za ovaj projekat, sa podelom kao u primeru zadatka sa vežbi.
- Baza podataka mora da bude relaciona i treba koristiti MySQL ili MariaDB sistem za upravljanje bazama podataka (RDBMS) i u spremištu back-end dela aplikacije mora da bude dostupan SQL dump strukture baze podataka, eventualno sa inicijalnim podacima, potrebnim za demonstraciju rada projekta.
- Back-end i front-end delovi projekta moraju da budi pisani na TypeScript jeziku, prevedeni TypeScript prevodiocem na adekvatan JavaScript. Back-end deo aplikacije, preveden na JavaScript iz izvornog TypeScript koda se pokreće kao Node.js aplikacija, a front-end deo se statički servira sa rute statičkih resursa back-end dela aplikacije i izvršava se na strani klijenta. Za postupak provere identiteta korisnika koji upućuje zahteve back-end delu aplikacije može da se koristi mehanizam sesija ili JWT (JSON Web Tokena), po slobodnom izboru.
- Sav generisani HTML kôd koji proizvodi front-end deo aplikacije mora da bude 100% validan, tj. da prođe proveru W3C Validatorom (dopuštena su upozorenja - Warning, ali ne i greške - Error). Grafički korisnički interfejs se generiše na strani klijenta (client side rendering), korišćenjem React biblioteke, dok podatke doprema asinhrono iz back-end dela aplikacije (iz API-ja). Nije neophodno baviti se izradom posebnog dizajna grafičkog interfejsa aplikacije, već je moguće koristiti CSS biblioteke kao što je Bootstrap CSS biblioteka. Front-end deo aplikacije treba da bude realizovan tako da se prilagođava različitim veličinama ekrana (responsive design).
- Potrebno je obezbediti proveru podataka koji se od korisnika iz front-end dela upućuju back-end delu aplikacije. Moguća su tri sloja zaštite i to: (1) JavaScript validacija vrednosti na front-end-u; (2) Provera korišćenjem adekvatnih testova ili regularnih izraza na strani servera u back-end-u (moguće je i korišćenjem izričitih šema - Schema za validaciju ili drugim pristupima) i (3) provera na nivou baze podataka korišćenjem okidača nad samim tabelama baze podataka.
- Neophodno je napisati prateću projektnu dokumentaciju o izradi aplikacije koja sadrži (1) model baze podataka sa detaljnim opisom svih tabela, njihovih polja i relacija; (2) dijagram baze podataka; (3) dijagram organizacije delova sistema, gde se vidi veza između baze, back-end, front-end i korisnika sa opisom smera kretanja informacija; (4) popis svih aktivnosti koje su podržane kroz aplikaciju za sve uloge korisnika aplikacije prikazane u obliku Use-Case dijagrama; kao i (5) sve ostale elemente dokumentacije predviđene uputstvom za izradu dokumentacije po ISO standardu.
- Izrada oba dela aplikacije (projekata) i promene kodova datoteka tih projekata moraju da bude praćene korišćenjem alata za verziranje koda Git, a kompletan kôd aplikacije bude dostupan na javnom Git spremištu, npr. na besplatnim GitHub ili Bitbucket servisima, jedno spremište za back-end projekat i jedno za front-end projekat. Ne može ceo projekat da bude otpremljen u samo nekoliko masovnih Git commit-a, već mora da bude pokazano da je projekat realizovan u kontinuitetu, da su korišćene grane (branching), da je bilo paralelnog rada u više grana koje su spojene (merging) sa ili bez konflikata (conflict resolution).

Morate da budete prijavljeni na aplikaciju da biste izvršili rezervaciju. Prijava