Web aplikacija za praćenje raspoloženja i stanja mentalnog zdravlja

Tema je završnog rada izrada web-aplikacije za praćenje raspoloženja i stanja mentalnog zdravlja korištenjem JavaScript skriptnog jezika za front-end i back-end aplikacije. Za izradu aplikacije korištene su sljedeće tehnologije: Vue.js, Quasar Framework, Express, Node.js, JWT (JSON Web Token) i MongoDB (NoSQL baza podataka). Navedeni se set tehnologija naziva „MEVN stack“ ili „VENoM stack“. Za proces razvoja korišten je Visual Studio Code i Postman za testiranje API endponteva. Korištenjem Express programskog okvira ostvarena je poveznica na MongoDB bazu podataka, dok je JWT korišten za autentifikaciju i autorizaciju korisnika u aplikaciji korištenjem Node paketa „Passport“. Povezivanje MongoDB i API ostvareno je pomoću Node paketa „Mongoose“. Aplikacija se sastoji od dva dijela: javnog i dijela za članove. Javnom dijelu mogu pristupiti svi korisnici koji otvore web stranicu u svojem web pretraživaču, dok dijelu za članove mogu pristupiti samo korisnici koji su se registrirali. U javnom se dijelu nalazi kratak opis projekta te korisni resursi kao npr. članci za mentalno zdravlje koji se dohvaćaju s drugih web-stranica iste tematike korištenjem Node paketa „Pupeteer“. Dio za članove koncipiran je kao „dnevnik“ koji korisnik ispunjava na dnevnoj, mjesečnoj ili godišnjoj bazi te bilježenjem raspoloženja može dobiti uvid u svoje mentalno zdravlje u određenom vremenskom periodu. Korisnik ima mogućnost upisivanja raspoloženja te pregleda unosa u kalendaru na početnoj stranici. Oba su dijela izrađena korištenjem Vue komponenti i SASS (engl. Syntactically Awesome Style Sheets) koji je ekstenzija CSS (engl. Cascading Style Sheets) jezika. Logika Vue komponenti i prilagođenih servisa pisana je u JavaScript programskom jeziku, pridržavajući se načela modernog načina izrade poziva na API (engl. Application Programming Interface) korištenjem async – await. Struktura Vue komponenti izrađena je korištenjem Quasar Framework. Dio aplikacije napravljen je pomoću „State Management“ korištenjem Vuex biblioteke koja služi kao centralizirani pristup svim komponentama u aplikaciji. Za verzioniranje aplikacije i praćenje promjena u kodu korišten je Git