Treffer: RAZVOJ WEB APLIKACIJE ZA KREIRANJE INTERAKTIVNOG SADRŽAJA NAMIJENJENOG UČINKOVITIJEM UČENJU

U ovom radu razvijena je mrežna aplikacija UniStudy čija je osnovna svrha pojednostaviti i ubrzati proces učenja kroz automatsku konverziju PDF-dokumenata u strukturirane obrazovne materijale i prateće kvizove. Aplikacija korisniku omogućuje stvaranje osobnog računa, učitavanje PDF-ova te generiranje obrazovnog sadržaja podijeljenog na poglavlja s pregledima ključnih pojmova, sažecima i praktičnim primjerima. Ugrađeni AI-pomoćnik, temeljen na Googleovom Gemini API-ju, pruža interaktivne odgovore na pitanja vezana uz trenutno gradivo, dok se rezultati kvizova i označeni napredak trajno pohranjuju u MongoDB Atlas bazu, omogućujući kontinuirano praćenje učenja. Klijentsko sučelje implementirano je u Reactu uz Vite i TailwindCSS, što je osiguralo responzivnost i dosljedan vizualni identitet, dok je poslužitelj izrađen u Express.js-u s autentifikacijom na bazi JWT tokena i sigurnim upravljanjem API ključevima. Zahvaljujući modularnoj arhitekturi, modernim alatima i optimiziranim radnim tokovima, UniStudy predstavlja skalabilno i prilagodljivo rješenje koje podržava personalizirano učenje i visoku razinu interakcije, a može se dalje proširiti uvođenjem višejezične podrške, gamifikacije i mobilne aplikacije. ; In this paper, the web application, UniStudy was created to simplify and accelerate the users learning process by automatically converting PDF-documents into course material with corresponding quizzes. The application allows the user to create a personal account, upload PDFs and generate educational material split into chapters with key points, summaries and practical examples. The user also gets access to an integrated AI-assistant, based on Google’s Gemini, provides answers to the user’s questions related to the current material, users course progress and quiz results are persistently stored in the MongoDB database, enabling continuous tracking. The client side of the application is implemented in React with Vite and TailwindCSS, while the server side is built using Express.js using JWT-based authentication and ...