Treffer: Izrada aplikacije za prikaz sportskih rezultata primjenom React JavaScript razvojnog okvira ; Developing a sports application with React JavaScritp framework

Ovaj završni rad prikazuje izradu web aplikacije za prikaz sportskih rezultata koristeći React JavaScript razvojni okvir. Glavni cilj aplikacije je korisnicima omogućiti jednostavan i pregledan uvid u rezultate utakmica, uključujući aktualne, nadolazeće i završene mečeve. Tijekom razvoja aplikacije korišteni su moderni web alati i tehnologije kako bi se postigla responzivnost, funkcionalnost i jednostavnost korištenja. U teorijskom dijelu rada opisani su najpoznatiji JavaScript razvojni okviri i njihove osnovne razlike, s naglaskom na React i razloge njegove popularnosti u izradi modernih web aplikacija. Bit će objašnjene njegove glavne značajke te prednosti u odnosu na konkurente poput Angulara i Vue.js-a. Također pažnja je na React hookovima, poput useState i useEffect, koji imaju ključnu ulogu u upravljanju stanjem aplikacije i dohvaćanju podataka s API-ja. U sklopu rada detaljno je objašnjeno kako se pomoću API-ja dohvaćaju podaci u stvarnom vremenu te kako se koriste biblioteke poput Axiosa za komunikaciju s vanjskim servisom. Praktični dio rada prikazuje proces razvoja aplikacije, od inicijalne postavke React projekta, preko izrade komponenti i povezivanja s API-jem, pa sve do funkcionalne web aplikacije. Kroz ovaj rad prikazano je kako se spojem sporta, web dizajna i JavaScript okvira formira funkcionalna web aplikacija. ; This final paper presents the development of a web application for displaying sports results using the React JavaScript framework. The main goal of the application is to provide users with a simple and clear overview of match results, including ongoing, upcoming, and completed games. During the development process, modern web tools and technologies were used to ensure responsiveness, functionality, and ease of use. The theoretical part of the paper describes the most well-known JavaScript frameworks and their key differences, with a special focus on React and the reasons behind its popularity in modern web application development. Its history, main features, and advantages compared to ...