Title Mobilna aplikacija za naručivanje usluga zasnovana na React Native platformi Title (english) Mobile Application for Service ordering based on React Native Framework Author Leona Štrucelj Mentor Siniša Sovilj (mentor)Committee member Darko Etinger (predsjednik povjerenstva)Committee member Siniša Sovilj (član povjerenstva)Committee member Ivan Pogarčić (član povjerenstva)Granter University of Pula Defense date and country 2021-09-28, Croatia Abstract Cilj ovog rada je izraditi mobilnu aplikaciju u svrhu upravljanja online narudžbama usluga u raznim granama djelatnosti pomoću React Native platforme. U želji za povezivanjem dva kolegija na fakultetu – „Izrada informatičkih projekata“ i „Mobilne aplikacije“, ova mobilna aplikacija se činila vrlo korisnom s obzirom na to da je slična web aplikacija rađena u sklopu kolegija „Izrada informatičkih projekata“ kroz JavaScript knjižnicu (eng. library) React.js. U radu su korišteni React Native za vidljivi dio (eng. frontend), Node.js za pozadinski dio (eng. backend) te PostgreSQL za pohranu podataka. Također, ovog puta nismo koristili klasičan CSS za dizajn komponenti već stilizirane komponente (eng. styled-components) koji je jedan od novih načina korištenja CSS-a u modernom JavaScriptu. Ovaj način je optimiziraniji s obzirom na to da svakoj komponenti pristupate individualno dok kod klasičnih klasa može doći do raznih preklapanja, greški u nazivima, težeg brisanja i održavanja, a i puno je sporije. Što se tiče programskog dijela, od samom početka rada na kolegiju smo razmišljali da kod bude što više iskoristiv na obje platforme. Za pohranu programskog dijela koda koristili smo Heroku – besplatnu cloud platformu na kojoj je kod pohranjen u svrhu kasnijeg testiranja aplikacije kako ne bismo bili ovisni o lokalnoj bazi podataka i servisu. Aplikacija je rađena u Expo platformi za univerzalne React aplikacije, dakle jedna aplikacija bi bila dovoljna za distribuciju iOS i Android-a istovremeno. To je skup alata i usluga izgrađenih za React Native koje pomažu razvoju, izgradnji, implementaciji i brzoj iteraciji na iOS, Android i web aplikacijama iz iste JavaScript/TypeScript kodne baze.
Abstract (english) The goal of this thesis is to create a mobile application to manage online orders for services in various industries using the React Native platform. To connect two courses at the faculty - "Development of IT projects" and "Mobile applications", this mobile application seemed very useful given that a similar web application was made as part of the course "Development of IT projects" through the JavaScript library React.js. The project used React Native for the visible part - Frontend, Node.js for the background part - Backend, and PostgreSQL for data storage. Also, this time we did not use classic CSS for component design but styled-components, which is one of the new ways to use CSS in modern JavaScript. This method is more optimized since you approach each component individually, while in classic classes there can be various overlaps, name errors, more difficult to delete and maintain, and it is much slower. As for the program part, from the beginning of the course, we thought to make the code as usable as possible on both platforms. To store the software part of the code, we used Heroku - a free cloud platform on which the code is stored for later testing of the application so that we do not depend on the local database and service.
The application was made in the Expo platform for universal React applications, so one application would be enough to distribute iOS and Android at the same time. It is a set of tools and services built for React Native that helps develop, build, implement and quickly iterate on IOS, Android, and web applications from the same JavaScript/ TypeScript codebase.
Keywords
mobilne aplikacije
React Native
Node.js
PostgreSQL
Heroku
Android
iOS
online narudžbe
Expo
stilizirane komponente
Keywords (english)
Mobile Apps
React Native
Node.js
PostgreSQL
Heroku
Android
iOS
Online Orders
Expo
styled-components
Language croatian URN:NBN urn:nbn:hr:137:705990 Study programme Title: Master in Informatics; specializations in: Master in Informatics, Master in Informatics, specialisation: teaching, Master in Informatics, Master in Informatics, specialisation: teaching Type of resource Text File origin Born digital Access conditions Open access Terms of use Created on 2021-10-07 09:39:45
