Web aplikacija za sportsko klađenje

završni rad

• Naslov (engleski): Sports betting web application
• Autor: Kristijan Hasnek
• Mentor: Krešimir Fertalj (mentor)
• Član povjerenstva: Krešimir Fertalj (predsjednik povjerenstva)
• Član povjerenstva: Juraj Dončević (član povjerenstva)
• Član povjerenstva: Andrej Slapničar (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2024-07-10, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo

Sažetak

Ovaj rad opisuje razvoj web aplikacije za klađenje koristeći moderne web tehnologije. Cilj aplikacije je pružiti korisnicima intuitivno i responzivno sučelje s mogućnošću
praćenja i upravljanja njihovim klađenjima u stvarnom vremenu.
Korištene su najbolje prakse pri izradi aplikacije. Responzivni dizajn, aplikacija je
pristupačna na velikim i malim ekranima. Provodi se validacija unosa na klijentu i na
servisu. Koristi se TLS veza koja enkriptira podatke prilikom prijenosa. Za autentifikaciju se koristi JWT token u HTTP ONLY kolačiću što sprječava klijenta da mijenja token.
Zahtjevi na poslužitelje s klijenta se odvijaju asinkrono što ne blokira aplikaciju. Aplikacija je testirana i sigurna.
Osim toga, implementirana je funkcionalnost automatskog rangiranja korisnika prema
uspješnosti njihovih posljednjih 10 pogođenih kvota, što potiče natjecateljski duh među
korisnicima. Rang lista je dostupna na ekranu "Leaderboard". Aplikacija također omogućuje korisnicima sudjelovanje u razgovorima o utakmicama, čime doprinosi stvaranju
zajednice unutar aplikacije.
Aplikacija koristi Vue.js za front-end razvoj, Node.js za back-end, te MongoDB kao
bazu podataka. Podaci o sportskim događajima dohvaćaju se putem vanjskog API-ja, dok
su korisnički podaci pohranjeni sigurno u bazi podataka.
Rad uključuje detaljan opis arhitekture sustava, dizajna korisničkog sučelja, kao i
metodologije razvoja koja je slijedila spiralni model. U završnom dijelu rada opisani su
izazovi s kojima smo se susreli tijekom razvoja i njihova rješenja, kao i mogućnosti za
buduću nadogradnju sustava.
Zaključno, ScoreBet web aplikacija demonstrira uspješnu implementaciju svih zadanih ciljeva te predstavlja solidnu osnovu za daljnji razvoj i proširenje funkcionalnosti

Sažetak (engleski)

This paper describes the development of a web application for sports betting using
modern web technologies. The goal of the application is to provide users with an intuitive
and responsive interface for tracking and managing their bets in real-time.
Best practices were employed in the development of the application. It features responsive design, making it accessible on both large and small screens. Input validation is performed on both the client and server sides. A TLS connection is used to encrypt data during transmission. JWT tokens are used for authentication, stored in HTTP
ONLY cookies to prevent client-side tampering. Client-server requests are handled asynchronously to ensure non-blocking operations. The application has been thoroughly
tested and is secure.
Additionally, the application includes a feature that automatically ranks users based
on the success of their last 10 bets, fostering a competitive spirit among users. The leaderboard is available on the "Leaderboard" screen. Users can also participate in discussions
about matches, contributing to community building within the application.
The application uses Vue.js for front-end development, Node.js for back-end, and
MongoDB as the database. Sports event data is retrieved from an external API, while
user data is securely stored in the database.
The paper includes a detailed description of the system architecture, user interface
design, and the development methodology following the spiral model. The concluding section discusses the challenges encountered during development, their solutions, and
opportunities for future system upgrades.
In conclusion, the ScoreBet web application successfully implements all specified
goals and provides a solid foundation for further development and feature expansion.

• Ključne riječi: klađenje; Vue.Js; Node.Js; MongoDB
• Ključne riječi (engleski): betting; Vue.Js; Node.Js; MongoDB
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:216392
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (univ.bacc.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-10-12 20:47:06