PWA-sovellus ajastetuilla muistutuksilla ja laitteen paikallisella tallennuksella: React- ja Gatsby.js-sovelluskehykset ja IndexedDB-tietokantarajapinta

Abstract

Opinnäytetyön tarkoituksena oli selvittää, miten JavaScript-sovelluskehykset React ja Gatsby.js soveltuvat edistyneen verkkosovelluksen, Progressive Web App, (PWA), laadinnalle yhdessä IndexedDB-tietokantarajapinnan kanssa. Opinnäytetyössä luotiin toimiva PWA, joka käyttää kehitysasteella olevaa Notification Triggers -ohjelmistorajapintaa muistutusten esittämiseen laitteella ilman verkkoyhteyttä. Rajapinta jäi opinnäytetyön kirjoitusaikana toistaiseksi kehitysasteelle, mutta sen kehitystä mahdollisesti jatketaan tulevaisuudessa. Yhdistelmä vaikuttaa hyvältä, kun tavoitteena on saada pienellä ajalla ja vaivalla aikaan PWA-sovellus. Joitakin ongelmia sovelluskehysten toiminnassa kohdattiin, mutta ne saatiin onnistuneesti ratkaistua. Opinnäytetyön yhteydessä syntynyt sovellus julkaistiin osoitteessa https://paloranta.github.io/Treenari/

The purpose of the thesis was to find out how suitable the JavaScript frameworks React and Gatsby.js are for creating a Progressive Web App (PWA), using IndexedDB API for database interactions. A functional PWA was created, using an experimental Application Programming Interface (API) called Notification Triggers API for displaying reminders in the user’s device without a network connection. The development for the API ceased during the writing of the thesis but it will possibly continue in the future. The combination seems good, when the goal is to create a PWA with little time and effort. Some problems were encountered with the frameworks when building the PWA but all of them were resolved successfully. The PWA created during the writing of the thesis was published in https://paloranta.github.io/Workout-reminder/