A web application for making social plans

DIMITRIEVSKI, DANILO (author), Smrdel, Aleš (mentor)

The diploma thesis encompasses the design and development of a web application for making social plans. The goal is to provide people with a simple, intuitive, and secure way to make social plans with other people or friends online. The provided services of the application include: creating social plans, joining them, chatting with the members within a plan, giving them positive or negative feedback, and adding them as friends afterward. The application is built upon the client-server architecture. The client is a Vue.js web application, and the server is a Node.js REST API. By using this architecture we make room for multiple client applications in the future, such as a mobile application. Moreover, a NoSQL MongoDB database was used and the Mongoose ODM was used for all communication with the database to provide better security and to prevent the risk of external injection attacks. The user interface follows familiar and intuitive Material design guidelines. The server is hosted on Heroku, and the web application is deployed on Netlify, which makes it accessible to the users from any device with a browser, connected to the Internet.

• Language: English
• Keywords: Web Application, REST, NoSQL, Social Network, Node.js, Vue.js
• Work type: Bachelor thesis/paper
• Typology: 2.11 - Undergraduate Thesis
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2022
• PID: 20.500.12556/RUL-138393
• COBISS.SI-ID: 116067075
• Publication date in RUL: 19.07.2022

Secondary language

• Language: Slovenian
• Title: Spletna aplikacija za izdelavo družabnih načrtov

Abstract

Diplomsko nalogo vključuje načrtovanje in razvoj spletne aplikacije za izdelavo družabnih načrtov. Cilj je zagotoviti preprost, intuitiven, a varen način za ustvarjanje družabnih načrtov z neznanci ali prijatelji na spletu. Storitve, ki jih nudi aplikacija, so: ustvarjanje družabnih načrtov, pridružitev le-tem, komunikacijo s člani znotraj načrta, dajanje pozitivnih ali negativnih povratnih informacij in naknadno dodajanje med prijatelje. Aplikacija je zgrajena na arhitekturi odjemalec-strežnik. Odjemalec je spletna aplikacija Vue.js, strežnik pa Node.js REST API. Z uporabo te arhitekture naredimo prostor za več odjemalskih aplikacij v prihodnosti, kot je mobilna aplikacija. Poleg tega je bila uporabljena NoSQL podatkovna baza MongoDB, ter Mongoose ODM za vso komunikacijo s podatkovno bazo, da se zagotovi večja varnost in prepreči tveganje zunanjih napadov z vbrizgavanjem kode. Uporabniški vmesnik sledi znanim in intuitivnim smernicam Material design. Strežnik je nameščen na storitvi Heroku, spletna aplikacija pa na storitvi Netlify, zaradi česar je uporabnikom dostopna s katere koli naprave z brskalnikom, povezane v Internet.

• Keywords: Spletna aplikacija, REST, NoSQL, Socialno omrežje, Node.js, Vue.js